Html 如何更改图像上的鼠标悬停

我正试图编写一个网站，每次我编辑的图像有一个鼠标悬停的效果，我想有一个简单的网页上的图像。图像是灰色的，当我将鼠标移到上面时，图像不是灰色的。我怎样才能使它保持正常而不必鼠标悬停？当我点击时，它会打开一个链接，只会打开同一个页面。SOS.

如果您有CSS样式表，它们可能会导致差异，请在其上使用inspect元素，查看哪些样式处于活动状态，然后单击

：hov

，然后单击“样式”选项卡中过滤器栏旁边的

：悬停

按钮，查看其变化情况。然后查看激活了hover的样式侧，如果有的话，查看在其选择器中有

：hover

的位置。接下来，在样式表中找到该选择器所在的位置，并将其内容复制到选择器中，而不使用

：hover

范例

按我

然后由以下两个方面来设计：

.btn{
背景色：白色；
}
.btn:悬停{
背景颜色：蓝色；
}

这意味着，当不悬停时，按钮为白色，但当您将鼠标悬停在按钮上方时，按钮变为蓝色。类似的事情可能会发生在您的图像上：

.border2{
背景：#ffffff；
不透明度：0.5；
}
.2：悬停{
不透明度：1；
}

---

在

上发现此问题。您能提供您的源代码吗？很可能您有一个带有一些附加样式信息的CSS文件。我如何修复此问题？您能在此处发布CSS的相关部分吗？