4

我正在加载一个在 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>
4

1 回答 1

0

首先,请注意这几点..

  1. <applet>HTML5 不支持该标记。请改用<object>标签。
  2. <applet>元素在 HTML 4.01 中已弃用。

然后,请确保浏览器的 java 插件 (JRE) 是最新的。Chrome 浏览器最近支持小程序标签。在此之前,它曾经不支持小程序标签。

于 2013-02-21T16:44:53.500 回答