我如何改變，圖像的div在懸停在CSS時改變顏色

Question

這是我的css我想添加另一個png圖片，這是與徘徊時倒置的顏色。我該怎麼做 ？

div#artlog{ 
width:910px; 
height: 58px; 
margin-top: 20px; 
background-image: url("../obr/artisthead.jpg"); 

Answer 1

只需添加一個懸停類

div#artlog:hover{ 
     background-image: url("../obr/artisthead-inverted.jpg"); 
} 

Answer 2

試試下面的，我認爲這將解決您的問題：

div#artlog:hover{ 
width:910px; 
height: 58px; 
margin-top: 20px; 
background-image: url("../obr/inverted_color_artisthead.jpg"); 

不要忘記將inverted_color_artisthead.jpg在同一文件夾中另一張圖片。 欲瞭解更多詳情，你可以閱讀w3.org documentation