IE8中的不透明度无法正常工作 [英] opacity in IE8 not working

问题描述

我为叠加层设置了不透明度，这在FF，Chrome，Safari和IE9中运行良好，但在IE8中却没有。我googled很多，但没有找到任何解决方案。

I have set opacity for a overlay which is working fine in FF, Chrome, Safari and IE9 but not in IE8. I googled alot but did not find any solution.

我的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中，它看起来如下：

In FF it is looking as below:

但是在IE8中它看起来如下：

but in IE8 it is looking as below:

推荐答案

找到解决方案此处。不透明度不是我做了一些调试的问题，发现它对ie8工作正常问题是jquery fadeIn和fadeOut。 jQuery fadeIn让半透明背景变得稳固。

Found solution here. Opacity was not the problem I did some debugging and found it was working fine for ie8 the issue was with jquery fadeIn and fadeOut. jQuery fadeIn was making translucent background to turn solid.

感谢所有帮助过的人。

这篇关于IE8中的不透明度无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！