Fatal编程技术网
  • css/
  • Css Can'；不要让活动选择器工作

Css Can'；不要让活动选择器工作

css

Css Can'；不要让活动选择器工作,css,css-selectors,hover,Css,Css Selectors,Hover,我已使用以下代码设置了图库类型页面： 我想在缩略图处于活动状态时将小缩略图图像的不透明度更改为1（当您将鼠标悬停在缩略图上时就是这种情况）。我已经尝试过添加一些CSS，就像这样 #One:active { opacity: 1; } 但这是行不通的 任何帮助都会很好 我认为css中的图像不支持活动选择器。为什么不在Javascript中设置不透明度 您可以使用this.style.opacity=1在displayImage函数中设置图像的不透明度 当然，您还需要重置以前缩略图

我已使用以下代码设置了图库类型页面：

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

 #One:active {
     opacity: 1;
 }
但这是行不通的

任何帮助都会很好

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

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

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


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



var thumbnails=document.getElementById（“thumbnails”）.getElementsByTagName（“img”）；

对于（i=0；i哪个浏览器？所有浏览器？