最新のInternet Explorerでご覧ください。

お使いのInternet Explorerは古いバージョンのため、このウェブサイトを正しく表示することができません。
マイクロソフトのホームページ で最新バージョン(無料)を入手してください。※IE10以上推奨

Windows XPをお使いの場合は、最新のFirefox(無料)を mozilla社ホームページ よりダウンロードしてご利用ください。

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

2019.05.16

CATEGORY / コーディング

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

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

hoge {pointer-events: none;}

サンプル

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

TAG /

戻 る