0

モーダル 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;
}

実際、div は IE8 でも透過的ですが、ユーザーはその下のコンテンツと対話できます。たとえば、「クリック可能にするべきではない」ボタンをクリックできます。これに対する解決策はありますか？

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

前もって感謝します！

4

1 に答える 1

1

https://stackoverflow.com/a/9950641/2274855の Matthew Darnell から

それを行っているのは -ms-filter です。カラー オーバーレイに半透明の PNG を使用すると、問題が解決するはずです。ベンダー タグは実験的なものであり、非標準である可能性があります。

于 2013-05-14T19:55:37.937 に答える