iframe にアプレットを含む外部ページを読み込んでいます。そして、この iframe の上にフローティング div を表示する必要があります。含まれている div で相対位置または絶対位置を使用し、フローティング div でより高い z-index を使用すると、Firefox では正常に動作しますが、Chrome または IE では動作しません。Chrome と IE の両方が、アプレットの下にフローティング div をレンダリングします。
これに対する指針はありますか?
iframe にアプレットがないページを使用すると、正常に動作します。
私は同様の問題を経験し、divをアプレットと同じレベルに配置してより高いz-indexを指定すると機能するように見えますが、それは私がロードする外部ページであり、そこに何も入れることができません.
私は次のようなコードを持っています:
<div id="div1" style="position: absolute; z-index:1;">
<iframe src="http://xyz...." width="400" height="200" ></iframe>
</div>
<div id="div2" style="position: absolute; top:20; z-index:5">
Floating div content
</div>