HTMLでマウスクリックを透過させて後ろの要素でeventを発火させたいとき
今回はHTMLにおいてマウスクリックを透過させて後ろの要素でeventを発火させたいときどのようにすれば良いのかについてご紹介いたします。
HTMLでマウスクリックを透過させて後ろの要素でeventを発火させたいとき
結論を言うと、前面の要素に
|
1 |
pointer-events: none; |
のCSSをつけてあげればOKです。
これで前面の要素をクリックしたりマウスオーバーさせても、背面の要素をクリックしたりマウスオーバーさせることと同等になります。
実装は難しいと思って試しに調べてみましたが、簡単にCSSで実装できるのですね。
終わりに
今回はHTMLにおいてマウスクリックを透過させて後ろの要素でeventを発火させたいときどのようにすれば良いのかについてご紹介いたしました。