html - クロス ブラウザの不透明度 (IE 7 と 8 で問題あり)

Question

モーダル ポップアップ (イメージ ライトボックス、はい/いいえダイアログ) の背後にあるすべてを暗くする部分を知っていますか? 私はそれをブランケットと呼んでいます。居心地の良い。

どうせなら、半シースルーのブランケットでモダールを隠したい。IE7 と IE8 では動作しないようです。

This CSS Tricks Snippet、 This Quirksmode Article、Satzansatz's Article on the Quirky Behavior IE's Schizophrenia Can Yieldからの私の読みに基づいて 、

これは私が思いついたものです：

.blanket {
  z-index:100; 
  position:fixed; top:0;right:0;bottom:0;left:0;

  /*//////*/ background:black; /*//////*/

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

まったく機能しません。理由はわかりませんが、それが機能する順列は見つかりませんでした。まったく。少し静的に配置された黒い正方形を作ることさえできません。どうしたの？

すべての重要なブラウザーで不透明度を機能させるにはどうすればよいですか?

コードペン

フルスクリーン CodePen の結果 (IE でのテスト用)

IE7 と IE8 では、真っ黒にしか見えません。

私は夢中になっていますか？私が夢中になったら教えてください..

しかし、おそらく IE10 の「ブラウザ モード」エミュレーションのたわごとは風変わりで、不十分で、責任があるのではないかと疑い始めています..

それは私がしたことでしたか？それともしなかった!?