IE8 中的不透明度不起作用

我已经设置了覆盖层的不透明度，该覆盖层在 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 https://stackoverflow.com/questions/1284163/jquery-ie-fadein-and-fadeout-opacity。不透明度不是问题我做了一些调试，发现它在 ie8 上工作正常，问题出在 jquery fadeIn 和 fadeOut 上。 jQuery fadeIn 使半透明背景变成固体。

感谢所有提供帮助的人。