html - 内容区域后面出现的子菜单项

标签 html css

我正在尝试创建一个网站。我已经创建了一个垂直下拉菜单,但是当我将鼠标悬停在菜单上时,子元素并没有完美显示——子菜单似乎在我的内容区域后面(请检查下图)。

enter image description here

但是如果我删除内容,菜单会正确显示。看起来像下面这样:

enter image description here

我已经把http://jsfiddle.net/SxWbD/2/中的所有代码都粘贴了.

你能告诉我哪里做错了吗?

提前致谢:)

最佳答案

只需给你的#sidebar - z-index:10;

http://jsfiddle.net/SxWbD/3/

关于html - 内容区域后面出现的子菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9522408/

相关文章:

javascript - HTML固定大元素

javascript - JQuery 检查类是否匹配

php - 如何使用 php 从 html 中提取 img src、title 和 alt?

html - 超过主 Div 高度后 Div 困惑

html - 更改 ionic 弹出窗口的宽度

html - 这个垂直导航菜单容器没有弹出?

css - Flexbox 重叠绝对定位 child

php - 更改 wordpress 中帖子的默认模板

html - 悬停时更改 <li> 背景

html - float 菜单打扰了我的 float 内容