禁用一个特定图像的悬停不透明效果

Question

我在我的图片上添加了悬停不透明效果，如下所示：

img {
  opacity: 1.0;
  filter: alpha(opacity=1.0); 
}
img:hover {
  opacity: 0.6;
  filter: alpha(opacity=0.6); 
}

我想完全禁用一个特定图像的悬停效果。

如何实现这一目标？

Answer 1

为图像添加ID，并将CSS更改为以下内容：

img{
    opacity: 1.0;
    filter: alpha(opacity=1.0); 
}

img:not(#id):hover{
    opacity: 0.6;
    filter: alpha(opacity=0.6); 
}

使用:not()选择器，您可以排除某些元素

Answer 2

您可以在不想要此效果的元素中添加一个类

＆＃13;

＆＃13;

img {
  opacity: 1.0;
  filter: alpha(opacity=1.0);
}
img:hover {
  opacity: 0.6;
  filter: alpha(opacity=0.6);
}
img.nohover:hover {
  opacity: 1.0;
  filter: alpha(opacity=1.0);
}

＆＃13;

<img class="nohover" src="https://upload.wikimedia.org/wikipedia/commons/9/9e/Bogenverzahnung.JPG" />

＆＃13;

＆＃13;

＆＃13;