Safari 及其他平台上的 Java Applet z-index

发布于 2024-07-15 03:17:31 字数 803 浏览 7 评论 0原文

网页中 Java Applet 的一个众所周知的问题是，浏览器会忽略 Applet 标记与页面中其他组件的 z 索引。无论您如何在页面中定位元素和 z-index 元素，小程序都会将自己绘制在所有内容之上。

有一种解决方法，称为 iframe shim，如下所述： http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/ 。

但是，此解决方法在 Windows 中的 Safari 3 或 4 中不起作用（假设 Mac 也是如此）。

有谁知道如何让它在 Safari 中工作？

有人知道如何迫使 Sun 解决根本问题，从而避免笨拙的垫片吗？这是有关该问题的错误报告，https://bugs.java.com/bugdatabase /view_bug?bug_id=6646289，请注意，它已经开放一年了，但是其他错误报告可以追溯到很多年前。

这太令人沮丧了，难道 Sun 不明白正是这种情况使 Java 被边缘化，成为在浏览器中做很酷的事情的一种方式吗？我爱你Java，但你并没有帮助你的情况......

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

メ斷腸人バ 2024-07-22 03:17:32

这个问题有一个棘手的解决方案。没有必要将代码放在 iframe 中。我们可以有一个虚拟的iframe，就像小程序上面的一层。然后，可以轻松地将带有文本的绝对 div 放置在该 iframe 之上。

工作示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Applet z index issue</title>
<style>

.applet {width:400px; margin:0 auto; text-align:center; border:1px solid #000; left:40%; position:absolute }
.iframe {width:400px;  background:#fff; position:absolute; border:1px solid #f00; position:absolute; left:45%; top:20px; z-index:9; height:201px;}
.message { width:250px; border:1px solid #000; background:#fff; height:150px; color:#fff; text-align:center;  z-index:99; background:#555;  float:left; position:absolute; left:45%; top:20px}

 </style>
</head>

<body>
<div class="message">Message</div>
<div class="iframe"><iframe style="width:500px; height:205px; background:none; border:none"> </iframe></div>
<div class="applet">

<applet code="Bubbles.class" width="400" height="350">
Java applet that draws animated bubbles.
</applet>

</div>

</body>
</html>

There is a tricky solution for the problem. It's not necessary to have the code inside an iframe. We can have a dummy iframe just as a layer above the applet. And then an absolute div with the text can easily placed above that iframe.

working example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Applet z index issue</title>
<style>

.applet {width:400px; margin:0 auto; text-align:center; border:1px solid #000; left:40%; position:absolute }
.iframe {width:400px;  background:#fff; position:absolute; border:1px solid #f00; position:absolute; left:45%; top:20px; z-index:9; height:201px;}
.message { width:250px; border:1px solid #000; background:#fff; height:150px; color:#fff; text-align:center;  z-index:99; background:#555;  float:left; position:absolute; left:45%; top:20px}

 </style>
</head>

<body>
<div class="message">Message</div>
<div class="iframe"><iframe style="width:500px; height:205px; background:none; border:none"> </iframe></div>
<div class="applet">

<applet code="Bubbles.class" width="400" height="350">
Java applet that draws animated bubbles.
</applet>

</div>

</body>
</html>

回复收藏 0 原文