z-index无法正常工作

Question

由于某些原因，我的z-indexs无法正常工作。

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

.levelFive应位于所有其他元素的前面。

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（包括.levelFive的父母）有较高的Z-指数比levelFive中的任何东西都要高。

因此，您的标题不正确，z-index的功能正常，但您没有正确编码它。