背面にある要素のマウスイベントを発火する

pngなどの透過な素材を前面に置いてちょっとこじゃれたデザインを使用したいという時によくある話。

透過といえど、普通にそのままだとクリックを阻害する(現実で言うところのガラスがあるのと同じ)
ので、昔はJavascriptで、クリックイベントを透過するようにしてた。

今はこんなcssプロパティがあるんですね。しかも、今となってはほとんどのブラウザが対応してる。

pointer-events: none;