我正在为我的客户this site工作。
问题是主页上的下拉菜单隐藏在嵌入式youtube播放器后面。这似乎是一个涉及z-index的简单css问题,但我无法解决它。也许它与youtube嵌入有关。
我试图设置菜单的z-index,但似乎没有效果。
我几乎忘了告诉你IE9上的问题是专门出现的。
另外,我不是css专家,所以请指出问题所在。
答案 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=opaque
或wmode=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;