[解決済み] 絶対位置指定された要素にマウスイベントを通過させる

質問

ある要素の上に絶対位置が決まっている別の要素があり、その要素のマウスイベントを捕捉しようとしています。

現在、絶対位置の要素上のイベントはそれに当たってその親にバブルアップしますが、私はそれをこれらのマウスイベントに対して "transparent"にして、その後ろにあるものに転送したいのです。どのように実装すればよいのでしょうか？

どのように解決するのですか？

pointer-events: none;

イベントを、プロパティが適用されている HTML 要素を通過させる CSS プロパティです。これは、イベントを下の要素で発生させるものです。

詳しくはこちらをご覧ください。 https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

IE11を含むほぼすべてのブラウザでサポートされています。グローバルサポートは05/'21で〜98.2%でした)。 http://caniuse.com/#feat=pointer-events (コメントでリンクを提供してくださった@s4yさんに感謝します)。