Question

我试图在页面上显示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);
  }

onclick of div i call：

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

所以它只是阻止了UI。它在chrome和mozilla中表现不错，但在IE 8中不起作用。在我的应用程序中，我使用的是JSF 1.2。帮帮我....提前谢谢

Answer 1

确保您有效！DOCTYPE。看起来IE8需要它来显示属性。

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

阻止UI在IE 8中不起作用

1 个答案: