在Internet Explorer 8中创建HTML模式窗口

Question

如何在Internet Explorer 8中创建模态窗口，使整个屏幕变灰并显示ajax微调器？

<div style="display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.4)">

跟随div可以很好地处理Edge，但是不会使IE8中的屏幕变灰，而是让用户与页面进行交互。

如何使它在IE中工作？

Answer 1

rgba和background-color似乎在IE 8中不起作用 caniuse_rgba caniuse_background-color

您可以使用背景进行后备

background: #EEE /* The Fallback */
background: rgba(0,0,0, 0.4)

Answer 2

IE 8不像更新的浏览器那样支持不透明度，但是您可以使用旧的Microsoft过滤器属性来实现。

看看这是否适合您：

background-color: rgba(0,0,0);
opacity: 0.4; /* Newer browsers */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE8 */