覆盖IE中的CSS下拉菜单的YouTube视频内容9 [英] YouTube video content covering CSS drop down menus in IE < 9

问题描述

我使用CSS创建了下拉菜单，我在导航栏下方的一个框中放置了一个YouTube视频。使用IE 8时，下拉菜单会落在YouTube视频的后面，尽管导航栏的div的z-index高于YouTube视频的div。该问题在Firefox，Safari或IE9中不存在。

I've created drop down menus using CSS and I have a YouTube video placed in a box just below my nav bar. When using IE 8, the drop down menus fall behind the YouTube video, despite the fact that the div with the nav bar has a higher z-index than the div with the YouTube video. The problem does not exist in Firefox, Safari or IE9.

您可以通过访问网站来查看问题：

You can see the problem by going to the web site:

http://www.mensdiscipleshipnetwork.com

感谢帮助。

推荐答案

看起来你需要添加？wmode = transparent 加入YouTube嵌入 iframe src 网址。像这样：

It looks like you need to add ?wmode=transparent to the YouTube embed iframe src url. Like so:

<iframe width="632" height="390" src="http://www.youtube.com/embed/_K-YwgCyg70?wmode=transparent" frameborder="0" allowfullscreen></iframe>

这篇关于覆盖IE中的CSS下拉菜单的YouTube视频内容9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！