Question

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

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

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


</div>

我也尝试了{display：none}，但是它们都影响了所有图像并引起了闪烁状的错误。

Answer 1

您可以使用pointer-events来禁用悬停效果

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

Answer 2

您应该尝试为两个图像分配两个类，并为悬停状态定义不同的行为。此示例说明了div--nohover类在悬停时定义标准样式的常规逻辑：

.div{
  width: 50px;
  height: 50px;
  margin: 10px;
  background-color: red;
}
.div:hover{
  background-color: green;
}

.div--nohover:hover{
  background-color: red;
}

<div class="div"></div>
<div class="div"></div>
<div class="div div--nohover"></div>

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

2 个答案: