WordPress菜单下拉列表显示BEHIND视频对象

Question

我在这个网站上工作：http://www.oklahomainsightstv.com/我试图让导航下拉以显示视频对象的ON TOP。我在CSS中尝试了几个版本的z-index，但没有任何效果。

这是我的代码：

<div id="hero" style="z-index:-1; position:relative;">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="266" id="viddler_e3f5a526"><param name="movie" value="http://www.viddler.com/simple/e3f5a526/" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/e3f5a526/" width="437" height="266" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_e3f5a526"></embed></object>

</div>

Answer 1

它是一个浏览器错误！ 菜单上方可以看到Flash，iframe。将视频对象远离菜单。

Answer 2

如果不自行测试，快速搜索显示您可能没有做过两件事：

1. 将wmode参数添加到您的视频对象，并使用值“transparent”：<param name="wmode" value="transparent" />
2. 确保使用z顺序为菜单指定position:relative;样式。否则，将不会应用z顺序。

如果这不起作用，您可能遇到了给定浏览器的限制，在这种情况下，您可能必须设计该网站，以便插件没有机会重叠。

Sources