1

このスライドショーには、ホバー時にポップアップするオーバーレイが表示さ れます。ここで表示できます。「おすすめ」セクションの下にある写真にカーソルを合わせるだけです。FF、Webkit、IE9 でうまく動作します。IE9未満用に別のスタイルシートを作成し、その中で幅、高さ、ズーム、配置を宣言し、IEで機能するすべてのフィルターを使用しました....IE7でもIE8でも不透明になりません。クラス オーバーレイを含む div が JQuery で追加されていますが、これは問題ですか? これが私のcssです：

.overlay {
background-color:#fff;
 filter:alpha(opacity=60);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
 zoom:1;
 width:160px;
 height:20px;
 z-index:50;
 position:absolute;
 bottom:0;
 }
4

1 に答える 1

2

フェード ルーチンはインライン スタイルを追加しており、その結果、cssprogid:DXImageTransform.Microsoft.Alpha(Opacity=60)でオーバーライドされます。filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65)フェード ルーチンでインライン スタイルを配置するのが一般的ですが、必要な場所で終了するか (65% の不透明度)、CSS が使用されるようにフェード後に消えることを確認する必要があります (Firefox の場合)。インラインでフェードしているように見え、一度インラインを削除して、スタイルシートの不透明度が取得されるようにします)。

編集 (jquery によるフェージングに関するコメントから情報を追加): を使用している場合は.fadeIn()、代わりに使用してみてください.fadeTo(400, 0.65)( http://api.jquery.com/fadeToを参照) .fadeIn()。 2 番目の数値は最終的な不透明度の設定です

于 2012-01-05T00:43:01.023 に答える