css - 如何在小程序顶部显示弹出内容

Question

我的网站使用老式的 Java 小程序作为关键内容。随着站点的成熟，我们将围绕此小程序添加额外的内容，其中包括悬停内容和 jQuery UI 对话框。

问题是这些悬停内容和对话框出现在小程序下方，并且它们的内容被遮盖了。

我尝试了解决问题的常用方法，例如z-index 和wmode=transparent 但这些都不起作用。我也有seen answers对于这个说这是不可能的问题，但这些问题已经有几年了。

有没有人有任何建议如何强制小程序落后于其他内容，或任何其他巧妙的解决方法？我创建了一个页面来隔离和演示问题 - http://blog.ajcw.com/demo/display-behind-applet.htm

(对话框在页面中央打开，因此您需要调整窗口大小才能在小程序顶部看到它)

总结

• jQuery UI 对话框和信息悬停都需要出现在小程序上方
• 我已经尝试过 z-index 和 wmode
• 我不能使用小程序的替代品
• jQuery 解决方法是可以接受的
• 影响除 Firefox 3.6+ 以外的所有浏览器

我目前的解决方案是在弹出窗口处于事件状态时隐藏小程序，但我想找到一个更优雅的解决方案。

Answer 1

根据原始帖子中引用的替代问题，似乎仍然不可能。

作为记录，当弹出内容在页面内启动时，我使用了将 visibility:hidden 添加到 applet 的解决方法。