javascript - 要素が別の要素で覆われているときにマウスオーバーイベントを取得する方法はありますか？

Question

要素の位置を計算してから、独自の「イベント」を発生させることはありません。

オリジナルのフィドル（z-indexで修正可能）

より良いフィドル（z-indexが機能しない状況）

<div class='under'></div>
<div class='over'></div>

.over { 
  display:inline-block;
  position:absolute;
  height:100px;
  width:100px;
  background: rgba(0, 255, 0, .3);
}

.under {
  display:inline-block;
  position:absolute;
  height:26px;
  width:26px;
  top:37px;
  left:37px;
  background:rgba(0, 0, 255, 1);
}

Answer 1

私はそれが可能だとは思いません、あなたはあなたのcssにz-indexを置くことができます：

.under {
    z-index:1;
 }

次に、JSを変更します。

under.on("mouseover", function() { 
                            blue.html("Y"); 
                            green.html("Y"); 
 });

間違ったリンクを編集しました。

これがフィドルです

Answer 2

あなたの例の要点を見逃していない限り、CSSにz-index属性を追加するだけです。

.over 
{
    display:inline-block;
    position:absolute;
    height:100px;
    width:100px;
    background: rgba(0, 255, 0, .3);
    z-index:1;
}

.under 
{
    display:inline-block;
    position:absolute;
    height:26px;
    width:26px;
    top:37px;
    left:37px;
    background:rgba(0, 0, 255, 1);
    z-index:2;
}

Answer 3

divpointer-events:none;に追加：over

.over {
    display:inline-block;
    position:absolute;
    height:100px;
    width:100px;
    background: rgba(0, 255, 0, .3);
    pointer-events:none;
 }

デモ：http： //jsfiddle.net/ckaPU/1/