html - 当 parent 有 pos : absolute and his parent has pos: relative 时 z-index 不工作

Question

我提供了一个 fiddle :

http://jsfiddle.net/dCYdw/

这个例子很惨，但是问题也能看出来。

.levelFive 是问题所在。这应该在所有其他元素之前，因为它的 z-index 为 3，而其他元素的 2 和 1 向上。

.levelFive 只是 css 的第 146 行，以防您找不到它。

Answer 1

你不应该把 position: relative; 和 float: left; 放在 .internalMenu > ul > li, .levelThree > ul > li 并将 ul.levelFive 包装到 div 中，就像您对 ul.levelFour

所做的那样

参见 http://jsfiddle.net/dCYdw/12/