Question

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

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

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

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

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

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

1 个答案: