javascript - 不透明度在 IE8 中不起作用

Question

我在网站上发现了很多类似的问题，但没有什么能解决我的问题。我正在动态地将一个 div 附加到一个元素，并且在这个 div 中我提到了不透明样式属性，如下所示。

$('#cell').append('<div id="el_loading" 
style="-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";
filter: alpha(opacity=50);
opacity:0.5;
background-color: #fbfbfb;
height: 100%;
width:100%;
position:relative
;z-index:9999;">
<div style="top: 74.2px; width: 91px;">
<img  src="/myimage/loading.gif" title="Please Wait..." />
<span>
<b>Please wait ...</b>
</span>
</div>
</div>');

这样做是为了在向服务器发送 ajax 请求时模糊页面。这段代码是在 javascript 区域中编写的，因此我使用的是内联样式。上述样式在 IE10 中工作正常，但在 IE8 中无效。

Answer 1

请将您的 css 脚本移动到您自己的 css 文件中。

例如:

• 创建一个名为 style.css 的文件，然后粘贴以下代码:

#el_loading{    /* IE 8 */    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";    /* IE 5-7 */    filter: alpha(opacity=50);    /* Netscape */    -moz-opacity: 0.5;    /* Safari 1.x */    -khtml-opacity: 0.5;    /* Good browsers */    opacity: 0.5;    background-color: #fbfbfb;    height: 100%;    width:100%;    position:relative    ;z-index:9999;}

your script like this:

$('#cell').append('<div id="el_loading">
    <img  src="/myimage/loading.gif" title="Please Wait..." />
    <span>
        <b>Please wait ...</b>
    </span>
    </div>
</div>');

希望对您有所帮助。