jquery - 如何使用css更改悬停时图像的不透明度

Question

我试图弄清楚如何将所有图像最初设置为 50% 不透明度，然后在悬停时更改为 100% 不透明度。

我尝试在文件中设置此规则，.css但它给出了解析错误：

img {
  opacity:0.4;
  filter:alpha(opacity=40); 
}
img:hover {
  opacity:1.0;
  filter:alpha(opacity=100); 
}

Answer 1

您的代码在这个 Fiddle 中得到了很好的验证，并带有一条友好的鱼：http: //jsfiddle.net/Qrufy/

    img {
        opacity: 0.5;
        filter: alpha(opacity=40);
    }
    
    img:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

    <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Colossoma_macropomum_01.jpg/800px-Colossoma_macropomum_01.jpg" />

该opacity属性适用于所有现代浏览器，并且filter:alpha封面 <= IE8。