IE8はモーダルウィンドウで隠された要素と対話することを可能にします

Question

私はポップアップ（モーダルでなければなりません）、ユーザー（#modal）へのメッセージのダイアログを持っています。ユーザーがページ上の他の要素とやりとりするのを防ぐため、「背景」要素（#blinds）を追加しました。これはFirefoxでうまく動作しますが、IE8ではあまり効果がありません。

IE8では、クリックして入力フィールドを編集し、フォームを送信できます。 HTMLとCSSでこれを防ぐ方法はありますか？ jQueryソリューションが必要ですか？

CSS;

#blinds { 
    background-color: rgba(0, 0, 0, 0.5); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    position: absolute; 
    z-index: 1000; 
} 

#modal { 
    position: fixed; 
    z-index: 1001; 
    display: none; 
} 

HTML;

<div id='blinds'></div> 
<div id='modal'> 
    <h1></h1> 
    <span>X</span> 
    <p></p> 
</div> 

ここにIE8での私の問題を示すjsFiddleがあります。 http://jsfiddle.net/cAkzq/

Answer 1

これをやっているのは-ms-filterです。オーバーレイには半透明のPNGを使用してください。問題が解決するはずです。ベンダーのタグは実験的なもので、非標準的なものもあります。