HTMLでマウスクリックを透過させて後ろの要素でeventを発火させたいとき

今回はHTMLにおいてマウスクリックを透過させて後ろの要素でeventを発火させたいときどのようにすれば良いのかについてご紹介いたします。



HTMLでマウスクリックを透過させて後ろの要素でeventを発火させたいとき

結論を言うと、前面の要素に

のCSSをつけてあげればOKです。

これで前面の要素をクリックしたりマウスオーバーさせても、背面の要素をクリックしたりマウスオーバーさせることと同等になります。

実装は難しいと思って試しに調べてみましたが、簡単にCSSで実装できるのですね。

終わりに

今回はHTMLにおいてマウスクリックを透過させて後ろの要素でeventを発火させたいときどのようにすれば良いのかについてご紹介いたしました。

最後までお読みいただきありがとうございます。
ブログやTwitterでのシェアOKです。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

Youtubeチャンネル開設いたしました。
よろしければチャンネル登録お願いいたします。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw






HTML/CSS

Posted by ちこ