css - 悬停在CSS中时如何更改图像的div以更改颜色

Question

这是我的 css 我想添加另一个 png 图片，它在悬停时具有反转颜色。我该怎么做 ？

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

Answer 1

试试下面的，我想它会解决你的问题：

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

不要忘记放置inverted_color_artisthead.jpg在与其他图像相同的文件夹中。有关更多详细信息，您可以阅读w3.org 文档

Answer 2

只需添加一个悬停类

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