如何使用css在hover时更改图像的不透明度

我试图弄清楚如何设置所有图像最初说50％不透明度，然后在hover时更改为100％不透明度

我尝试在css文件中设置此规则，但它不起作用。 我给出了一个解析错误：

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

Answer 1

你的代码在这个小提琴中得到了很好的validation，有一条友好的鱼： http ： //jsfiddle.net/Qrufy/

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

opacity属性适用于所有现代浏览器，而filter:alpha涵盖<= IE8。