无法使活动选择器工作[关闭]

【问题标题】：Can't get active selector to work [closed]无法使活动选择器工作[关闭]
【发布时间】：2015-11-26 11:02:27
【问题描述】：

我已经使用以下代码设置了一个画廊类型的页面：

我想在缩略图处于活动状态时将小缩略图图像的不透明度更改为 1（就像将鼠标悬停在缩略图上时的情况一样）。我试过添加一些这样的 CSS...

 #One:active {
     opacity: 1;
 }

但这不起作用。

任何帮助都会很棒！

【问题讨论】：

哪个浏览器？所有浏览器？

标签： css css-selectors hover

【解决方案1】：

我认为 css 中的图像不支持 active 选择器。为什么不在 Javascript 中设置不透明度？

您可以在 displayImage 函数中使用 this.style.opacity=1; 设置图像的不透明度。

当然，您还需要重置以前缩略图的不透明度，这样它们就不会保持不透明度 1：

var thumbnails = document.getElementById("thumbnails").getElementsByTagName("img");
for (i=0; i<thumbnails.length; i++)
    thumbnails[i].style.opacity=null;

在缩略图周围创建一个 ID 为“thumbnails”的 div，以使其正常工作。

我在这里创建了一个更新http://jsfiddle.net/g2hY4/2/。

【讨论】：