html - “模态” div，与 IE8 透明 div 的内容交互问题

Question

我正在实现一个模态 div，但在 IE 中与透明 div 的交互存在问题。

我正在为模态 div 使用以下 html 和 css：

html:

<div id="content">
    hahahah
    <button>shouldn't be clickable</button>
</div>
<div id="modal">
    <div id="Alert">
        <div id="AlertText"></div>
        <button>OK</button>
    </div>
</div>

CSS：

#modal {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    visibility: visible;
    z-index: 1000000;
}

事实上，即使在 IE8 中，div 也是透明的，但是用户可以与它下面的内容进行交互，例如，他可以单击“不应单击”按钮，而这是他不应该单击的。有什么解决办法吗？

jsfiddle：http: //jsfiddle.net/T8kVh/

先感谢您！

Answer 1

来自https://stackoverflow.com/a/9950641/2274855上的 Matthew Darnell

这是 -ms-filter 正在做的事情。为您的颜色叠加使用半透明 PNG，它应该可以解决问题。供应商标签是实验性的，可以是非标准的。