0

不透明度は、IE8 の不透明度を持つ DIV の画像に継承されていません。その理由はわかりません。1 つは HTML による画像で、他の画像は CSS で背景として設定されます (ロールオーバー効果を実現するため)。IE7、IE9、Chrome、Firefox、Safari で正常に動作します。

私のコードはこのフィドルにあります: http://jsfiddle.net/46AKc/5/

申し込めば

opacity: .75; /* Standards Compliant Browsers */
filter: alpha(opacity=75); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);

#hover-prod1に変更すると、ロールオーバーの不透明度が変化しますが、他のブラウザーのように.slide-outにシームレスに溶け込むわけではないため、適切な解決策ではないと思います。

次の投稿で解決策を試してみましたが、うまくいき ませんでした: Opacity CSS
が IE8 で機能し
ない

4

2 に答える 2

0

はい、次の 2 行を変更します。

.slide-out a:hover{color:#F36F21;}

.hover-products{position: relative; 幅:338px; マージン:20px 0 50px 15px; 高さ: 90px;}

これに：

.slide-out a:hover{color:#F36F21; 位置: 相対;}

.hover-products{幅:338px; マージン:20px 0 50px 15px; 高さ: 90px;}

于 2012-08-31T20:11:12.997 に答える
0

その理由は

.hover-products{
   position:relative;
}

取り除くだけです。

こちらをご覧ください：http://jsfiddle.net/46AKc/7/

于 2012-08-31T19:54:27.070 に答える