我遇到了一个问题，我似乎无法让我的z-indexing在我的菜单中使用.dropdown div。有没有人知道为什么这不起作用？
我的CSS声明它的级别应该是5级，高于页面上的任何其他级别：
ul.dimensions > li.open > ul.dropdown {
display: block;
position: absolute;
background: #fff;
list-style: none;
padding: 1em;
width: 261px;
box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.4);
border: 1px solid #afafaf;
z-index: 5;
margin-top: -1px;
transition: all 0.5s ease;
}
答案 0 :(得分：2)
麻烦的是，任何带有z-index的元素都会创建一个新的＆＃34;结构＆＃34;在它下面。每个li的z-index均为4，因此它们都处于相同的高度，然后按照它们在页面上的位置排序。你给那个li的后代的z-index为5只会使它高度相对于li的其他孩子。
一个选项是在打开时使用类和一些javascript更改父li的z-index。
编辑：看起来有人通过发布代码来打败我，所以我只是留下这个解释为什么它的工作原理。
答案 1 :(得分：0)
ul.dimensions>li.open{
z-index:6;
}