如何在applet上显示弹出内容

时间:2011-04-05 12:03:22

标签: css applet hover z-index jquery-ui-dialog

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

问题是这些悬停内容和对话框在小程序下方显示,其内容被遮挡。

我尝试了解决问题的常用方法,例如z-indexwmode=transparent,但这些方法无效。我也seen answers对这个问题说这是不可能的,但这些问题已经有几年了。

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

(该对话框在页面中央打开,因此您需要调整窗口大小以便在小程序的顶部看到它)

摘要

  • jQuery UI对话框和信息悬停都需要显示在applet上方
  • 我尝试了z-indexwmode
  • 我不能使用applet的替代方案
  • 可以使用jQuery解决方法
  • 影响Firefox 3.6 +以外的所有浏览器

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

2 个答案:

答案 0 :(得分:1)

根据原帖中引用的备选问题,似乎仍然无法实现。

对于记录,我在页面中启动弹出内容时使用了向applet添加visibility:hidden的解决方法。

答案 1 :(得分:-1)

您的div有一个position:relative;属性,还有display:none; Z-index与position:absolute;一起使用也会将显示属性更改为display:block;