我正在为我的一个客户在这个网站上工作。
问题是主页上的下拉菜单隐藏在嵌入式 youtube 播放器后面。这似乎是一个涉及 z-index 的简单 css 问题,但我一直无法解决。也许它与 youtube 嵌入有关。
我曾尝试设置菜单的 z-index,但似乎没有效果。
我差点忘了告诉你这个问题专门发生在 IE9 上。
另外,我不是css专家,所以请指出问题所在。
将以下代码用于 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 的帮助。
利用
_z-index:1000001;
不要删除
z-index: //whatever;
像这样定义你的 CSS 样式。
.navigation ul ul{
z-index:3;
}
.lcd{
position:relative;
z-index:1;
}