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" >

Answer 2

我有同样的问题，试试这个：点击F12（调试控制台），然后点击F5（刷新）。 IE9弹出一个小盒子： 'Internet Explorer限制此页面运行脚本或ActiveX控件' 点击“允许屏蔽内容”按钮，您的不透明度就可以了。

不太确定如何确保它自动运作。

不透明度在ie9中不起作用

2 个答案: