z-index无法正常运行

Question

出于某种原因，我的z索引无效。

¬ .levelThree pos:ab
      ¬ .internalMenu > ul > li pos:rel
           ¬ .levelFive pos:ab

.level五应该在所有其他元素的前面。

Js Fiddle Here

Answer 1

将 z-index 提供给 li.active 。写得像这样：

.internalMenu > ul > li, .levelThree > ul > li.active{
    z-index:10;
}

选中此http://jsfiddle.net/dCYdw/10/

Answer 2

如果您希望第五级出现在所有其他元素的前面，您甚至不需要设置z-indicies，因为自然堆叠顺序将在父母之上生成子项。

但是，对于记录，我确实看到了这个（缩短了），这是错误的：

.levelFive { z-index: 2; }
.levelThree li { z-index: 3; }

明确表示.levelThree中的所有li（包括.levelFive的父级）都具有比levelFive中的任何内容更高的z-index。

因此，您的标题不正确，z-index确实正常运行，但您没有正确编码。