やりたいこと
- ある要素の、ひとつ下の要素をクリックさせたい
- 「この要素はクリックやタッチを無効にして、ひとつ下の階層をクリック・タッチさせたい！」
てなときに使えるCSS。
方法
pointer-events: none;
これを指定した要素は、表示は見えてもクリックやタッチができなくなり、その下にある要素を触れるようになる。
MDN的にいうと、「要素がポインターイベントの対象になることはありません。」
そのクリックさせたくない要素には、user-select: none;をついでに使うと便利な場合があるかもしれない。
user-select: none;
