より高いz-index divの下のリンクをクリックします

Question

可能性のある複製：
オーバーレイ要素<div>を介してマウスクリックを渡す

Javascriptなしで赤い正方形の下のリンクをクリックすることは可能ですか？赤いdivはクリック可能である必要はありません。

http://jsfiddle.net/efortis/LNwHV/

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
 }

Answer 1

これを行うCSSメソッドは pointer-events: none

参照：http://jsfiddle.net/LNwHV/1/

ブラウザのサポート： http://caniuse.com/pointer-events （IE10以前を除くすべての場所で動作します）

IEの古いバージョンをサポートするには、フォールバックとして JavaScriptを使用 する必要があります。