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

时间:2012-07-25 06:42:49

标签: html css z-index

我正在为我的客户this site工作。

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

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

我几乎忘了告诉你IE9上的问题是专门出现的。

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

3 个答案:

答案 0 :(得分:5)

使用以下代码为youtube iframe:

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

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

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

答案 1 :(得分:0)

像这样定义你的css样式。

.navigation ul ul{
z-index:3;
}
.lcd{
position:relative;
z-index:1;
}

答案 2 :(得分:0)

使用

_z-index:1000001; 

不要删除

z-index: //whatever;