z-indexで下になっているものをクリックする

html、cssあたりの話です

オブジェクトがかぶっていて、z-indexで下になっているものをクリックしたかったので調べました
どんぴしゃのコードを発見

http://jsfiddle.net/LNwHV/1/

cssのプロパティ、pointer-events に none を上のオブジェクトに設定すればイベントが発生せず、下のオブジェクトのイベントにアクセスできます

ただ対応ブラウザが
http://caniuse.com/#search=pointer-events
な感じ

IE10以下がなければ使えるのですが..

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください