html - z-index 无法正常工作

Question

出于某种原因，我的 z 索引不起作用。

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

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

Js小提琴在这里

Answer 1

将z-index赋予您的li.active。像这样写：

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

检查这个http://jsfiddle.net/dCYdw/10/

Answer 2

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

不过，作为记录，我确实看到了这个（缩短的），这是错误的：

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

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

因此，您的标题不正确，z-index 确实可以正常工作，但是您没有正确编码。