2

FF、Chrome、Safari、IE9では正常に機能するが、IE8では機能しないオーバーレイに不透明度を設定しました。私はたくさんグーグルで検索しましたが、解決策が見つかりませんでした。

私のCSSコードは

#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;
}

FFでは次のようになります。

ここに画像の説明を入力してください

しかし、IE8では以下のように見えます：

ここに画像の説明を入力してください

4

4 に答える 4

2

ここで解決策が見つかりました。不透明度は問題ではありませんでした。デバッグを行ったところ、ie8で正常に機能していることがわかりました。問題は、jqueryのfadeInとfadeOutにありました。jQueryのfadeInは、半透明の背景を塗りつぶしていました。

助けてくれたすべての人に感謝します。

于 2012-04-25T06:32:35.313 に答える
0

フィルタの構文が正しくないと思います。

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

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

于 2012-04-24T10:46:22.767 に答える
0

あなたも定義しているかもしれません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;
}
于 2012-04-24T10:46:56.687 に答える
0

レイヤーに関連するアニメーション効果で問題が発生した場合はfilter、IEでの使用をまったく避け、代わりに、png背景色が黒で〜 80％の不透明度

于 2012-04-24T10:49:53.157 に答える