我的网站使用老派的Java小程序作为关键内容。随着网站的成熟，我们正在为这个applet添加额外的内容，其中包括悬停内容和jQuery UI对话框。
问题是这些悬停内容和对话框出现在 applet下面，它们的内容是模糊的。
我已经尝试了常见的方法来解决问题，如z-index和wmode=transparent，但这些都不起作用。我也看到这个问题的答案说这是不可能的，但这些问题是几年前的事了。
有没有人有任何建议如何强制applet后面的其他内容，或任何其他聪明的解决方案?我已经创建了一个页面来隔离和演示这个问题- http://blog.ajcw.com/demo/display-behind-applet.htm
(对话框在页面中央打开，所以你需要调整窗口大小才能看到它在applet的顶部)
- jQuery UI对话框和info hover都需要出现在applet的上方
- 我试过
z-index和wmode - 我无法使用applet的替代方案
- jQuery的变通是可以接受的
- 影响除Firefox 3.6+以外的所有浏览器
我目前的解决方案是在弹出窗口活动时隐藏applet，但我想找到一个更优雅的解决方案。
根据原始帖子中引用的替代问题，这似乎仍然是不可能的。
为了记录，我使用了在页面内启动弹出式内容时向applet添加visibility:hidden的解决方案。
您的div有position:relative;属性和display:none;属性Z-index适用于position:absolute;，也可以将显示属性更改为display:block;，例如