html和css菜单问题(可能是z-index问题)

Question

我正在为我的客户在这个网站上工作.

问题是主页上的下拉菜单隐藏在嵌入式youtube播放器后面.这似乎是一个涉及z-index的简单css问题,但我无法解决它.也许它与youtube嵌入有关.

我试图设置菜单的z-index但它似乎没有效果.

我几乎忘了告诉你IE9上的问题具体发生了.

另外,我不是css专家,所以请指出问题所在.

Answer 1

使用以下代码为youtube iframe:

<iframe width="597" height="323" src="http://www.youtube-nocookie.com/embed/Rahab_AMCkE?wmode=transparent" rel="0" frameborder="0" allowfullscreen=""></iframe>

wmode=transparent"在视频源(src)之后添加

这是一个Flash问题.嵌入Flash时,默认情况下wmode=window,使SWF覆盖页面上的任何HTML对象.为避免这种情况,请使用wmode=opaque或wmode=transparent允许HTML元素与SWF内容重叠.有关更多信息以及两者之间的区别,请参阅Adobe的帮助.