当我在CSS中悬停时，如何更改图像div以改变颜色

Question

这是我的css我想添加另一个png pic，当悬停时它是反色的。我该怎么做 ？

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