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

html、cssあたりの話です

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

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

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

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

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