0

iframe#viewerと、その上に表示される絶対配置要素#appear_above_viewerがあります。#appear_above_viewerマウスが上に行く#viewerとフェードインし、マウスが離れるとフェードアウトしたい。

これまでのところ、私はこのコードを持っています:

$("#viewer").hover(
    function(){ $("#appear_above_viewer").animate({ opacity: 1 }, 'slow'); },
    function(){ $("#appear_above_viewer").animate({ opacity: 0 }, 'slow'); }
);

マウスを の上#appear_above_viewerに置くまでは機能しているようで、便利に消えます。これは、絶対配置された要素が iframe とは異なるものと見なされ、画面上の位置に違いがないためだと思います。

#appear_above_viewerマウスが離れたときにのみ消え、その#viewer上にあるものは完全に消えたいです。これは可能ですか？

（これに関する他の質問を読みましたが、私の状況ではうまくいかないようです）

4

2 に答える 2

0

これを試すことができます。

onmouseout =function(e){
   if ( e && e.preventDefault )
        e.preventDefault();
        e.stopPropagation();
    else
        window.event.cancelBubble = true;
        window.event.returnValue = false;
    return false;
  }
于 2013-08-15T11:17:18.443 に答える
0

まだ肯定的ではありませんが、どのような動作が期待されるかは正確にわかっていますがpointer-events、css セットの属性を に適用noneする必要があるだけですappear_above_viewer。

これは、あなたが望むものに似たものを示すjsFiddleです。

編集

この質問は、クロスブラウザー ソリューションに使用できます。

DIV をクリックして下にある要素に移動する

于 2013-02-28T06:51:28.510 に答える