我已经设置了覆盖层的不透明度,该覆盖层在 FF、Chrome、Safari 和 IE9 中工作正常,但在 IE8 中不起作用。我用谷歌搜索了很多,但没有找到任何解决方案。
我的CSS代码是
#overlayEffectDiv {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
width: 100%;
height: 100%;
filter: alpha(opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.50;
background: #000;
position: absolute;
top: 0;
left: 0;
z-index: 3000;
/* hide it by default */
display: none;
}
在 FF 中如下所示:
但在 IE8 中它看起来如下:
最佳答案
找到解决方案here 。不透明度不是问题我做了一些调试,发现它在 ie8 上工作正常,问题出在 jquery fadeIn 和 fadeOut 上。 jQuery fadeIn 使半透明背景变成纯色。
感谢所有提供帮助的人。
关于css - IE8 中的不透明度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10296204/