Html 隐藏/取消特定图像上的悬停效果

我只想展示一些没有悬停效果的图片。我试过了，但没有成功。我是这个编码领域的新手，这就是我能做的^^

<div>
<img border="0" src="IMAGE-URL" data-original-width="500" data-original-height="65"/>

<style>
    .post img:hover { visibility: hidden!important; }
</style>


</div>

.post-img:hover{可见性：隐藏！重要；}

---

我还尝试了{display:none}，但所有这些都影响了所有图像，并导致了类似闪烁的错误。

您应该尝试为两个图像分配两个类，并为悬停状态定义不同的行为。此示例演示了一般逻辑，其中

div--nohover

类定义了悬停时的标准样式：

.div{
宽度：50px；
高度：50px；
利润率：10px；
背景色：红色；
}
.div:悬停{
背景颜色：绿色；
}
.div--nohover:悬停{
背景色：红色；
}

---

您可以使用

指针事件来禁用悬停效果

.post img:hover { pointer-events: none; }

我还不太明白你的问题。如果你想给某些图像赋予悬停效果，请在某个类下添加样式，并将该类指定给那些应该具有特定效果的图像。谢谢。我理解逻辑。但它在某种程度上起了作用。多亏了你的代码，我才能够把物品分开。仍然像错误一样闪烁。我试图重置这些值，但仍然提供悬停效果
.div--nohover{webkit transition:all 0s ease；-moz transition:all 0s ease；-o-transition:all 0s ease；}.div--nohover:hover{-o-transition:all 0s；-moz transition:all 0s；-moz transform:scale（1）；-o-webkit transform:scale（1）；}
在这种情况下，我将执行以下
.div--nohover:hover{transform:none；}
我尝试了类似的操作（写入所有部分“none！important”）。也许这是有用的，但我解决了这个问题。无论如何，谢谢你的关注。