透明度のある div をオーバーレイし、Chrome で両方のレイヤーをクリックできるという問題があります (IE ではできません)。
答えを探す中で、次の例を見つけました: http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html
そのページのソースには、透明性について説明するコメントが付けられています。
このページを IE で表示すると、ボックス内のテキスト ("Here is a div with...") と上部のテキスト ("This DIV is overlayed on...") の両方を強調表示 (つまり対話) できます。 . しかし、Chrome で同じページを開くと、上部のテキストを選択できません。
これは、リンクを含む iframe を使用する際に発生している問題を強調していますが、iframe を含むページでもリンクをクリックできるようにしたいと考えています。透過性は、両方のリンク セットが表示される限り Chrome で機能しますが、最上層 (つまり iframe) のリンクしかクリックできません。上部の iframe を使用すると、背後にあるものを確認できますが、操作することはできません。
pointer-events:none については知っていますが、iframe のリンクが停止します。基本的に、バックグラウンドhtmlまたは上にあるiframeで動作させることができますが、両方では動作しません!
これがすべて理にかなっていることを願っています。事前に感謝します。