html - 不透明度在ie9中不起作用

Question

我正在使用不透明度，我想将它应用到图像上。

这是我的 CSS 代码:

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

img:hover {
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0; 
}

它在 Firefox、Chrome 和 Safari 中工作正常，但在 Internet Explorer 9 中不起作用。问题出在悬停效果上。

在简单的 img 上，不透明度在 IE9 中有效，但悬停效果无效。我该如何解决这个问题？

Answer 1

不透明度还不是 CSS 标准。但是，它适用于所有现代浏览器，并且是 W3C CSS 3 推荐标准的一部分。

请引用:http://www.w3schools.com/Css/css_image_transparency.asp

如果没有快乐，

使用兼容模式

 <meta http-equiv="X-UA-Compatible" content="IE=8" >