装飾的要素をz-indexを利用し最前面に配置した場合に、aタグやボタンなどのマウスイベントを持った要素が動作しなくなります。
その場合は、CSSに下記を追記するだけで解決できます。
hoge {pointer-events: none;}サンプル
See the Pen
pointer-events by Show Design Lab (@ShowDesignLab)
on CodePen.
特定の要素をマウスイベントが透過するようにする方法
装飾的要素をz-indexを利用し最前面に配置した場合に、aタグやボタンなどのマウスイベントを持った要素が動作しなくなります。
その場合は、CSSに下記を追記するだけで解決できます。
hoge {pointer-events: none;}
See the Pen
pointer-events by Show Design Lab (@ShowDesignLab)
on CodePen.