0

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

这是我的 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 中有效，但悬停效果不起作用。我怎么解决这个问题？

4

2 回答 2

0

我有同样的问题，试试这个：按 F12（调试控制台），然后按 F5（刷新）。IE9 会弹出一个小框：“Internet Explorer 限制此页面运行脚本或 ActiveX 控件”单击“允许阻止内容”按钮，您的不透明度应该可以工作。

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

于 2012-10-13T07:47:48.750 回答
0

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

请参考：http ://www.w3schools.com/Css/css_image_transparency.asp

如果没有快乐，

使用兼容模式

 <meta http-equiv="X-UA-Compatible" content="IE=8" >
于 2012-08-29T11:39:41.433 回答