如何在小程序顶部显示弹出内容答案

【问题标题】：How to display pop-up content on top of an applet如何在小程序顶部显示弹出内容
【发布时间】：2011-07-29 22:02:31
【问题描述】：

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

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

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

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

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

总结

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您的 div 具有 position:relative; 属性和 display:none; Z-index 与 position:absolute; 一起使用，还可以将显示属性更改为 display:block;，例如。

【讨论】：

我认为你误解了这个问题。激活前的 div 为display:none，由 jQuery 显示。 z-index 适用于任何位置定义，而不仅仅是 position:absolute。
但是我仍然认为对于弹出窗口位置绝对值更合适，但无论如何尝试将 overflow:hidden; 添加到 div.object 并返回此处提供反馈，以便我们继续勾选。跨度>
好吧，我已经测试过了overflow:hidden; 到div.object 将弹出窗口放在上面
我在我的实例中添加了overflow:hidden 到.object，但它没有解决它 - blog.ajcw.com/demo/display-behind-applet.htm
是的，在 Firefox 中没问题好的，我会继续在我的空闲位置进行测试，如果你发现了，请让我保持最新状态