Bal*_*ald 10 html iframe applet
我在我的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.
Jam*_*man 10
我发现了一篇似乎提供解决方案的文章,所以我不会因为提出这个问题而获得赞誉:
http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/
来自文章:
解决方案是在Iframe A中有第三个Iframe 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>
而且它似乎在做铬的技巧.
我确实得到了框架边框,但我猜这是可以修复的.搏一搏.
| 归档时间： |
|
| 查看次数： |
10353 次 |
| 最近记录： |