トップエレメントとのやりとりを中止する

Question

私は絶対位置とZ-インデックスをページ上の他のdivの上に設定したdivを持っています。私が抱えている問題は、絶対位置divが座っている部分が、ユーザーのマウスと対話するいくつかのdivの上にあることです。絶対配置されたdivの対話的な状態をオフにして、下のdivがアクティブになるようにする方法はありますか？

Answer 1

絶対配置された要素は、積み重ねるためにz-インデックスを使用します。なぜ、下のコンテンツにアクセスできないのかを説明します。残念ながら、インタラクティブな状態ではなく、単に障害物です。

すべての絶対配置されたブロック要素は、最上位要素のストレッチ（divの境界線を設定して障害がどの程度発生しているかを正確に確認する）の範囲内で、下に設定された要素を覆い隠します。

あなたの最も良い賭け（CSSの範囲内）は、インタラクティビティが必要な場所の下に隠れているdivを配置するか、または不明瞭なdivのプロパティをdivに直接追加することです。

EDIT：つまり、CSSに対話状態をオンまたはオフにするプロパティがありません。

UPDATE 2011/11/11：質問の解決方法はhttps://developer.mozilla.org/en/CSS/pointer-eventsを参照してください。 pointer-events: none;は問題の有効な解決方法です。