WordPress 菜单下拉菜单显示视频对象后面
我正在这个网站上工作： http://www.oklahomainsightstv.com/ 我正在尝试使导航下拉菜单显示在视频对象的顶部。我在 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>
I'm working on this website: http://www.oklahomainsightstv.com/ and I'm trying to get the navigation drop down to show up ON TOP of the video object. I've tried a few versions of z-index in the CSS but nothing has worked.
This is my code:
<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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这是一个浏览器错误！
Flash、iframe 在菜单上方可见。将视频对象放置在远离菜单的位置。
Its a browser bug !
Flash, iframes are visible above the menu. Place video object far from the menu.
在没有亲自测试的情况下，快速搜索发现您可能没有做两件事：
wmode参数添加到视频对象并使用值“transparent”：position:relative;样式。否则，将不会应用 z 顺序。如果这不起作用，您可能遇到了给定浏览器的限制，在这种情况下，您可能必须设计网站，以便插件没有机会重叠。
来源
Without testing it myself, a quick search revealed that there are two things you might not be doing:
wmodeparameter to your video object and use the value "transparent":<param name="wmode" value="transparent" />position:relative;style to the menu with the z-order. Otherwise, the z-order won't be applied.If that doesn't work, you may have encountered a limitation of a given browser, in which case, you may have to design the site so that plugins don't have the opportunity to overlap.
Sources