2012-08-03 92 views
0

我使用不透明度,我想将它应用在图像上。不透明度在ie9中不工作

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

+0

为我工作得很好。您是否尝试将DOCTYPE放入? – 2012-08-03 12:49:47

+0

让我试试吧...... – Bibu 2012-08-03 12:55:58

回答

0

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

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

如果没有快乐,

使用兼容模式

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

请**不要**参考w3schools,永远。他们是非常不准确的。 – ssube 2012-08-29 12:33:42

0

我有同样的问题,试试这个: 命中F12(调试控制台),然后F5(刷新)。 IE9弹出一个小框: 'Internet Explorer限制此页面运行脚本或ActiveX控件' 单击按钮'允许阻止的内容',并且您的不透明度应该工作。

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