絶対位置に配置された別の要素が上にある要素でマウス イベントをキャプチャしようとしています。
現在、絶対位置の要素のイベントは、その要素にヒットしてその親にバブルアップしますが、これらのマウス イベントに対して「透過的」にして、その背後にあるものに転送したいと考えています。これをどのように実装すればよいでしょうか?
ベストアンサー1
pointer-events: none;
プロパティが適用された HTML 要素をイベントが「通過」するようにする CSS プロパティです。イベントは「下」の要素で発生します。
詳細については以下を参照してください:https://developer.mozilla.org/en-US/docs/Web/CSS/ポインタイベント
IE11 を含むほぼすべてのブラウザでサポートされています。2021 年 5 月のグローバル サポート率は約 98.2% でした。http://caniuse.com/#feat=pointer-events(コメント欄にリンクを提供してくれた @s4y に感謝します)。