Question

我在我的HTML页面中嵌入了iframe元素：

<iframe src="applet.html" frameborder="0" style="width: 600px; height: 600px;"></iframe>

applet.html看起来像这样：

<html>
<head>
</head>

<body>
    <applet code="ClockApplet.class" width="100%" height="100%">
    </applet>
</body>
</html>

问题是：如何在iframe内的Java applet上显示div元素（position：absolute）。

我尝试使用另一个iframe元素：

<html>
<head>

</head>
<body>
    <iframe src="applet.html" frameborder="0" style="width: 600px; height: 600px;"></iframe>

    <iframe src="javascript:false;" frameborder="0" style="position: absolute; top: 10px; left: 10px; width: 150px; height: 150px; z-index: 99"></iframe>
    <div style="position: absolute; top: 10px; left: 10px; background-color: gray; height: 150px; width: 150px; z-index: 100">Hello World</div>
</body>
</html>

在IE，Firefox中运行良好但在Chrome中运行不正常。

Answer 1

我发现了一篇似乎提供解决方案的文章，所以我不会因为提出这个问题而获得赞誉：

http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/

来自文章：

解决方案是拥有第三个iframe Iframe A中的C。iframe C有一个 iframe A中的z-index更高比Applet的z-index。它是定位使它的矩形为首页考虑的是与Iframe B的相同覆盖。

我将主页中的第二个IFrame代码粘贴到applet.html中，如下所示：

<iframe src="javascript:false;" frameborder="0" style="position: absolute; top: 10px; left: 10px; width: 150px; height: 150px; z-index: 1"></iframe>
<applet code="ClockApplet.class" width="100%" height="100%">
</applet>

它似乎以铬合金为主。

我确实得到了框架边框，但我猜这是可以修复的。试一试。

Answer 2

至少在MacOSX上，最新的更新部分解决了这个问题：

我测试了DIV，它具有奇特的CSS效果，如不透明度，阴影和小角落在applet上，它在Safari，Firefox 11和Chrome 19中运行良好：在合成中没有问题，没有故障..没有iframe！

但是，它仍然在Ubuntu上被破坏了。真的很沮丧。我不知道Windows？

如何在Chrome </div>中的Java小程序上显示<div>

2 个答案: