IE8の不透明度が正しくありません

Question

FF、Chrome、Safari、IE9ではうまく機能していますがIE8ではうまく機能していないオーバーレイの不透明度を設定しました。私はたくさんのGoogle検索を行ったが、解決策は見つけられなかった。

私のCSSコードは、それが以下のように見ているFFで

#overlayEffectDiv { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    width: 100%; 
    height: 100%; 
    filter: alpha(opacity = 50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.50; 
    background: #000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 3000; 
    /* hide it by default */ 
    display: none; 
} 

です：

が、IE8で、それは以下のように探しています：

Answer 1

見つかった解決策here。不透明度は問題ではありませんでした。私はデバッグをいくつか行い、ie8の問題はjquery fadeInとfadeOutでうまくいきました。 jQuery fadeInは半透明のバックグラウンドを作成していました。

お手数をおかけしていただきありがとうございます。

Answer 2

私はそうは思わないUは、フィルタの構文が正しいです：

http://blogs.msdn.com/b/ie/archive/2009/02/19/the-css-corner-using-filters-in-ie8.aspx

これが問題の原因ではないかもしれませんが、それはそれを除外する価値があるかもしれません。

Answer 3

zoomも定義している場合があります。このように書きます：

#overlayEffectDiv { 
    width: 100%; 
    height: 100%; 
    filter: alpha(opacity = 50); 
    opacity: 0.50; 
    *zoom:1; 
    background: #000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 3000; 
    display: none; 
} 

Answer 4

問題は、層を含むいくつかのアニメーション効果のために発生した場合、あなたは全くIEで使用filterを避け、2×2、使用のような、小さすぎない（小さな繰り返し背景として代わりに使用することができます例：100x100）透明png黒色の背景色と約80％の不透明度を持つファイル