0

私はサイトで作業していて、いくつかの問題に遭遇しました。サイトはこちら

  1. 私は2つの部門を持っています。.slideと.cover。

.coverテキストと透明な背景を表示する上にカーソルを合わせると、フェードインおよびフェードアウトします。これは jQuery で行われ、透過性は CSS で行われます。

これはすべてのブラウザーで読み込み時に正常に機能しますが、スライドにカーソルを合わせてフェードインすると、背景の透明度が.coverIE (6 7 および 8) では機能しません。css を試してみまし.cover:hoverたが、IE ハックとしては機能しません。

.cover {

    width:750px;
    height:500px;
    background:#000;
    margin:0 auto;
    opacity:0.7;
    filter:alpha(opacity=70);
    }
.cover:hover {  opacity:0.7;
    filter:alpha(opacity=70);}
4

1 に答える 1

1

すでに jQuery を使用している場合は、次のような方法を試すことができます。

$(document).ready(function() {
    $('.slide').hover(
        function() {  $(".cover").animate({ opacity: 0.7 }, 500 ); },
        function() {  $(".cover").animate({ opacity: 0 }, 500 ); }
    );
});

これを CSS から削除します。

.cover:hover {  opacity:0.7;
    filter:alpha(opacity=70);}
于 2009-08-20T06:48:05.663 に答える