如何在flash文件上面放置一个div?
我使用 jquery 工具工具提示 并将图标放置在 flash 横幅下 30 px 处。问题是,当我将图标悬停在 Flash 横幅下时,工具提示隐藏在 Flash 横幅下,我为工具提示 div 或其他父 div 提供了高 z-index,以便将其放置在 Flash 横幅上方,但没有区别。
有什么办法可以解决这个问题吗?
在底部图片中,绿色部分是Flash文件,正如你所看到的,工具提示的一部分被隐藏了 替代文本 http://9139571377325154367-a-1802744773732722657-s-sites.googlegroups.com/site/dindarbiz/file-cabinet/Image1.jpg?attachauth=ANoY7crSD9impeXl_APuj9p9jAcgiAwkb jAkV2agtMosnVNbW7wwF22_lwu-zgo5TVJ34edVR-5N___RZwIagxb- khFo53wnOkDUJj7pZOOYEeI1it0Cx9e1Dy91dNHlF7RCPvnjtNvJppHBN7NoA80lkz7TtbX3sBsN7m36G6304vSFXsrfJ4Sl_bNajm5F4C5oHa8rM365I7eCzRiJzzvwP421FFjiWg %3D%3D&attredirects=0
I used jquery tools tooltip and i positioned icons 30 px under flash banner . The problem is when i hover icons , tooltips hide under flash banner , I gave high z-index to the tooltip div or other parent div in order position that above flash banner, but no difference .
Is there any way to overcome this problem ?
At the bottom picture , The green section is flash file and as you can see part of tooltip is hidden
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
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您是否尝试过将 wMode 设置为透明? 参见此处
Have you tried setting the wMode to Transparent? See here
浏览器中的 Flash 控件(以及其他基于插件的控件)存在于 z-index 无法影响的平面中;它们的渲染不会与页面中的其他 z 索引元素堆叠。
您可以通过在 div 后面放置 iframe 元素来欺骗浏览器将 div 显示在 Flash 控件上方。浏览器将遵循 iframe 的 z-index,但由于 iframe 是完全独立的窗口元素,因此它将显示在 Flash 控件上方。
因此,您现在将拥有一个 z 索引为“x”的 Flash 元素、一个 z 索引为“y”的 div 以及一个 z 索引为“z”的 iframe,其中 x < z < y。
Flash controls (and other plugin-based controls) in the browser exist in a plane beyond the one that z-index can affect; their rendering doesn't stack with other z-indexed elements in the page.
You can trick the browser into displaying the div above the Flash control by putting an iframe element behind the div. The browser will respect z-index for the iframe, but because the iframe is a totally separate window element, it'll appear above the Flash control.
So you'll now have a Flash element with z-index "x", a div with z-index "y", and an iframe with z-index "z", such that x < z < y.