3

これが私の問題です:

ユーザーがバーにカーソルを合わせると、ブラウザウィンドウの左側に小さなバーを作成しました#blokje{left:-180px; position:absolute;...}->#blokje:hover{left:0}; これはすべて正常に機能しますが、div内にGoogleAdSenseフレームを追加しました...すべてIE(最もよく使用されるブラウザ;広告...)を除いて正常に動作します

div:hoverがフレーム上で消えて、迷惑なちらつきが発生し、ユーザーが広告をクリックできなくなったようです。

考えられる解決策は、cssの代わりにjqueryを使用してホバー効果を実行することだと思います。誰かが私のcssをjQueryに翻訳できますか?

#blokje{width:200px; height:200px; background:#F1F1F1; position:relative; left:-180px; color:black; }
#blokje:hover{left:0;}
#blokje #tit{position:absolute; width:30px; height:200px; background:black; right:0; top:0; }

フィドラーが問題を説明します。問題はIEにのみあることに注意してください

http://jsfiddle.net/6FeH8/

キャッシュされていないテスト環境でのオンラインのライブ例(注:404エラーではなく、左側のバーに関するものです!)

http://kramels.x10.mx/goedkoopste-autolening.tk/

4

1 に答える 1

3

以下は、あなたが望む効果を達成するはずです。これは、リンクされた回答に基づいています。jQuery:

    if($.browser.msie){
        $("#blokje iframe").on("hover",function(){ 
            $(this).parents("#blokje").toggleClass("hover");
        });
    }

CSS:

#blokje:hover,#blokje.hover{left:0;}
于 2012-08-13T18:17:35.763 に答える