如何在 Flash 文件上方放置一个 div？答案

【问题标题】：How to put a div above flash file?如何在 Flash 文件上方放置一个 div？
【发布时间】：2010-04-04 07:22:16
【问题描述】：

我使用了jquery tools tooltip，并将图标放置在 Flash 横幅下 30 像素。问题是当我悬停图标时，工具提示隐藏在 Flash 横幅下，我将高 z-index 分配给工具提示 div 或其他父 div，以便将其置于 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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案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

【讨论】：