Show Design Lab|ホームページ制作に関するトータルコンサルティングをご提供します。

特定の要素をマウスイベントが透過するようにする方法

装飾的要素をz-indexを利用し最前面に配置した場合に、aタグやボタンなどのマウスイベントを持った要素が動作しなくなります。

その場合は、CSSに下記を追記するだけで解決できます。

hoge {pointer-events: none;}

サンプル

See the Pen
pointer-events
by Show Design Lab (@ShowDesignLab)
on CodePen.

モバイルバージョンを終了