Html 图像未通过css背景属性显示

我有一个图像在悬停时没有改变，我不知道为什么

<a href="#"><img src="images/image.png" alt="image" class="portImage2"></a>

---

悬停时图像不会改变。有人能告诉我为什么吗？

背景图像和图像不是同一图像

当您更改背景图像时，您只需更改图像后面的内容

如果且仅当图像是半透明的，则可以看到更改

.portImage2:悬停{
背景图片：url(http://placekitten.com/g/263/167);
}

---

您不能用CSS背景属性替换插入为

IMG

标记的图像。浏览器不允许您这样做

在

A

元素上设置初始背景并使用

：hover

pseudo类更改它，或者使用javascript附加onMouseOver事件并动态更新

src

属性

---

这两种方法都非常完美（或者我的描述过于简单），但这个问题非常基本，几乎在HTML和CSS的每个教程/简介中都有描述。

您需要为“悬停”事件添加CSS代码。请阅读@Johny的回答，并同意我们不能通过CSS更改

标记的图像。有趣的是，我发现我们确实可以！

.portImage2:hover{
    background-image: url(http://placekitten.com/g/263/167);
}