如何在小程序顶部显示弹出内容 [英] How to display pop-up content on top of an applet

问题描述

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

My website uses old-school Java applets for a key piece of content. As the site matures we are adding extra content around this applet, which includes hover content and jQuery UI dialog boxes.

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

The problem is that these hover content and dialog boxes appear beneath the applet and their content is obscured.

我已经尝试了常见的方法来解决问题，例如z-index 和wmode=transparent 但这些都不起作用.我也看到了这个问题的答案，说它不是可能，但这些问题已经有几年了.

I have tried the common ways to solve the problem, such as z-index and wmode=transparent but these do not work. I have also seen answers to this question that say it is just not possible, but these questions were a few years old.

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

Does anyone have any suggestions how to force the applet behind other content, or any other clever workarounds? I have created a page to isolate and demonstrate the problem - http://blog.ajcw.com/demo/display-behind-applet.htm

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

总结

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

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

My current solution is to hide the applet when the pop-up is active, but I would like to find a more elegant solution.

推荐答案

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

It seems that it still isn't possible, as per the alternate question referenced in the original post.

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

For the record I have used the workaround of adding visibility:hidden to the applet when pop-up content is launched within the page.

这篇关于如何在小程序顶部显示弹出内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！