下拉菜单不会出现问题

Question

以下是小提琴的链接：http://jsfiddle.net/UL2LB/1/

如您所见，我只在隐藏的子列表和nav元素上指定了z-index，两者都有明确的定位。所以我的问题是，为什么我的子菜单仍然显示在<nav>之上？

提前感谢您的回答。

Answer 1

给你的ul一个像素宽度并向其添加position:relative。

nav.global ul li ul {
    width:180px;
    ...
}

nav.global > ul > li {
    display: inline-block;
    margin-left: 2%;
    position: relative;
}