javascript - 如何使 Flash 对象呈现不在顶部 z 级别？

Question

我有一个带有 DHTML 导航菜单的网页。在页面上还有一个嵌入的 flash 对象。目前，当我激活 DHTML 菜单时，打开的菜单项列表会出现在 flash 下方。

如何使 DHTML 菜单项出现在 Flash 对象的顶部。我认为我们可以在为 Flash 对象编写或标记时使用一个属性。

我希望该解决方案适用于所有主流浏览器(Firefox3、IE6、IE7、IE8、Chrome 和 Safari)。

谢谢。

Answer 1

默认情况下，Flash 对象位于 DHTML 之上。要使 Flash 对象呈现为 DOM 的一部分并遵守适当的 z-index，您需要将 wmode 属性设置为 transparent，如下所示:

<div class="flashthingy"> 
  <object width="295" height="248">
    <param name="wmode" value="transparent"></param>
    <embed src="http://www.foobar.com/" type="application/x-shockwave-flash" wmode="transparent" width="295" height="248"></embed>
  </object>
</div>

现在您可以设置适当的 z-index 并且 Flash 对象应该服从。