Html &引用；“模态”；div，与IE8透明div内容的交互问题

我正在实现一个模态div，我在IE中与一个透明div的交互方面有问题

我将以下html和css用于模式div：

html:

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

jsfiddle：

提前谢谢你

来自马修·达内尔

是-ms过滤器在做这件事。使用半透明PNG作为您的颜色覆盖，它应该可以解决这个问题。供应商标签是实验性的，可以是非标准的

---

@我知道如何使它透明。问题是在IE8中，用户可以与透明分区下的内容交互。Ligth提供非建设性评论没有任何意义。如果你阅读代码，你会发现我已经在使用z索引了；就在背景色声明之前，它似乎做到了这一点

<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>

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