Html 块UI在IE 8中不起作用

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

单击div i call：

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

所以它只是阻塞了用户界面。它在chrome和mozilla中运行良好，但在IE8中不起作用。 在我的应用程序中，我使用的是JSF1.2。

---

帮帮我…提前谢谢你确保你有一个有效的！DOCTYPE。看起来IE8需要它来显示属性

您可以在此处看到此属性的浏览器支持：

       #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);
  }

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