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

【问题标题】：How to make a flash object render NOT in top z-level?如何使 Flash 对象不在顶级 z 级别呈现？
【发布时间】：2009-03-20 08:18:29
【问题描述】：

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

如何使 DHTML 菜单项显示在 flash 对象的顶部。我估计会有一个属性，我们可以在为 flash 对象写入或标记时使用。

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

谢谢。

【问题讨论】：

标签： javascript flash

【解决方案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 对象应该服从。

【讨论】：