Html 使用fancybox效果向缩略图添加不透明度悬停效果

我正在尝试将带有小文本的不透明度悬停效果添加到带有fancybox效果的缩略图中。我对jquery了解不多，所以最好使用css方法

我找到了另一个论坛，上面说用css为我的img元素添加一类淡入淡出：

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

      .fade:hover {
       opacity: 0.5;}

---

但这没有效果。有什么想法吗？

你的css是正确的。如果它不适用于您，则可能是您没有将classname

fade

应用于图像，或者您的浏览器不支持

opacity

css属性

---

正如@MaryMelody在一条评论中所发布的，这是您的代码，该类应用于一个div（该类可以应用于任何元素，使其在悬停时褪色）。

jsidle示例将很有帮助，如果您有一个示例，还可以作为一个可视参考。对我来说，工作正常-