在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 */