html和css菜单问题（可能是z-index问题）

我正在为this site为我的客户工作。html和css菜单问题（可能是z-index问题）

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

我试图设置菜单的z-index，但它似乎不是有效的。

我差点忘了告诉你，问题发生在IE9上。

此外，我不是一个CSS专家，所以请指出问题是什么。

来源

2012-07-25 xmaestro

把代码解决你的问题 – 2012-07-25 06:45:22

它的简单的CSS和HTML，你可以从浏览器控制台看到。对不起，但有一大堆的CSS涉及。我应该放多少？ – xmaestro 2012-07-25 06:47:59

你已经看到它在你的链接，没关系试试我的代码放在 – 2012-07-25 06:49:33

使用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对象。为避免这种情况，请使用允许HTML元素与SWF内容重叠的wmode=opaque或wmode=transparent。有关更多信息和两者之间的差异，请参阅Adobe的help。

来源

2012-07-25 06:56:51 SVS

谢谢mate ...那是为我做的......猜测allowfullscreen属性问题在这里？ – xmaestro 2012-07-25 07:04:08

@hussain欢迎！wmode =“透明”我添加了内容，我会在答案中更新它。 – SVS 2012-07-25 07:05:46

定义你的css样式。

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

来源

2012-07-25 06:47:59

:(它仍然没有任何区别，而且我已经试过了， – xmaestro 2012-07-25 06:50:38

但你没有定义.lcd位置检查你的css，现在你只是定义了z-index，但是如果你没有定义任何位置，z-index不起作用 – 2012-07-25 06:51:21

好的。抱歉...有错别字...但它仍然不起作用... – xmaestro 2012-07-25 06:56:05

使用

_z-index:1000001;

不要删除下面的代码

z-index: //whatever;

来源

2012-07-25 06:50:35

我在哪里放置这个_z-index？我的意思是哪个类？ – xmaestro 2012-07-25 06:51:21

试一试css添加新行.navigation ul li ul li {_z-index：1000001;} – 2012-07-25 06:59:26

html和css菜单问题（可能是z-index问题）

回答

相关问题