浮动div在Chrome中的iframe内部的applet上方不可见

Question

我正在加载一个在iframe中有applet的外部页面。我需要在这个iframe上方显示一个浮动div。如果我在包含div上使用position relative或absolute，在浮动div上使用更高的z-index，它在firefox中可以正常工作，但在Chrome或IE中不起作用。 chrome和IE都会在applet下面呈现浮动div。
有什么指针吗？
如果我使用某个页面，iframe中没有applet，那么它可以正常工作 我通过类似的问题，看起来如果我把我的div放在与applet相同的级别，并提供更高的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>

Answer 1

首先，请注意以下几点......

1. HTML5不支持<applet>标记。请改用<object>标记。
2. HTML 4.01中不推荐使用<applet>元素。

然后，请确保浏览器的java插件（JRE）是最新的。 Chrome浏览器最近支持applet标记。之前，它用于不支持applet标记。