0

我试图在页面上显示 div 时阻止 UI。为了阻止 UI，我以这样的形式制作了一个 div：（这不是我显示的 div，它用于实现 css）

  <t:div id="fadebackgroundstyle1" style="display:none;text-align:center;">
</t:div>

和CSS如下：

       #fadebackgroundstyle1 {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: url(../images/overlay.png) repeat scroll 19px center
    transparent;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);
  }

我调用的 div 的 onclick：

        document.getElementById('fadebackgroundstyle1').style.display='block';

所以它只是阻止用户界面。它在 chrome 和 mozilla 中运行良好，但在 IE 8 中不起作用。在我的应用程序中，我使用的是 JSF 1.2。帮帮我....提前谢谢

4

1 回答 1

0

确保你有一个有效的 !DOCTYPE。看起来 IE8 需要它作为显示属性。

您可以在此处查看浏览器对此属性的支持：http: //www.w3schools.com/jsref/prop_style_display.asp

于 2013-08-14T10:13:45.637 回答