2011-03-30 59 views
0

我正在使用此网站:http://www.oklahomainsightstv.com/,我试图让导航下拉菜单显示视频对象的顶部。我已经在CSS中尝试了几个z-index版本,但没有任何工作。WordPress菜单下拉菜单显示BEHIND视频对象

这是我的代码:

<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> 

回答

1

它的浏览器错误! Flash,内联框在菜单上方可见。远离菜单放置视频对象。

+0

这是我的客户必须拥有的模板。模板设计者最终找出了一个解决方案。 - 虽然谢谢! – talkingD0G 2011-09-12 17:55:50

0

没有测试它自己,一个快速搜索发现,有两件事情你可能不会做:

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

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

Sources

+0

我做了这两件事情,它现在仍在工作。我已经在上面添加了我的代码。 – talkingD0G 2011-03-30 17:56:01

+0

您是否尝试将菜单的z-index设置为较高的数字?我不知道Z指标的负值如何。 – Dwight 2011-03-30 18:00:38

+0

是的。菜单z-index是100 – talkingD0G 2011-04-01 04:55:42