如何将div放在flash文件上面?

时间:2010-04-04 07:22:17

标签: jquery flash z-index conflict


我使用了jquery tools tooltip,我在flash banner下放置了30 px的图标。问题是,当我悬停图标时,工具提示隐藏在flash横幅下,我给了工具提示div或其他父div的高z-index顺序位于flash横幅上方,但没有区别。
有没有办法克服这个问题?
在底部的图片中,绿色部分是flash文件,您可以看到隐藏了部分工具提示 alt text http://9139571377325154367-a-1802744773732722657-s-sites.googlegroups.com/site/dindarbiz/file-cabinet/Image1.jpg?attachauth=ANoY7crSD9impeXl_APuj9p9jAcgiAwkbjAkV2agtMosnVNbW7wwF22_lwu-zgo5TVJ34edVR-5N___RZwIagxb-khFo53wnOkDUJj7pZOOYEeI1it0Cx9e1Dy91dNHlF7RCPvnjtNvJppHBN7NoA80lkz7TtbX3sBsN7m36G6304vSFXsrfJ4Sl_bNajm5F4C5oHa8rM365I7eCzRiJzzvwP421FFjiWg%3D%3D&attredirects=0

2 个答案:

答案 0 :(得分:3)

您是否尝试将wMode设置为透明? See here

答案 1 :(得分:2)

浏览器中的Flash控件(和其他基于插件的控件)存在于z-index可以影响的平面之外;它们的渲染不会与页面中的其他z索引元素堆叠。

您可以通过在div后面放置一个iframe元素来欺骗浏览器在Flash控件上方显示div。浏览器将尊重iframe的z-index,但由于iframe是一个完全独立的窗口元素,它将出现在Flash控件上方。

因此,您现在将拥有一个带有z-index“x”的Flash元素,一个带有z-index“y”的div和一个带有z-index“z”的iframe,这样x< z<收率