css - IE8 中的不透明度不起作用

Question

我设置了覆盖层的不透明度，它在 FF、Chrome、Safari 和 IE9 中运行良好，但在 IE8 中没有。我google了很多，但没有找到任何解决方案。

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

Answer 1

在这里找到解决方案。不透明度不是问题，我做了一些调试，发现它对 ie8 工作正常，问题出在 jquery fadeIn 和 fadeOut。jQuery fadeIn 使半透明背景变为实心。

感谢所有帮助过的人。

Answer 2

I don't think you syntax for the filter is correct:

http://blogs.msdn.com/b/ie/archive/2009/02/19/the-css-corner-using-filters-in-ie8.aspx

this might not be the cause of the problem but it might be worth ruling it out.

Answer 3

May be you have define zoom also. write like this:

#overlayEffectDiv { 
    width: 100%;
    height: 100%;
    filter: alpha(opacity = 50);
    opacity: 0.50;
    *zoom:1;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
}

Answer 4

如果某些涉及图层的动画效果出现问题，您可以完全避免在 IE 中使用，而是使用具有黑色背景颜色filter的小（不太小，如 2x2，使用例如 100x100）透明文件作为重复背景和〜 png80% 不透明度