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的功能正常，但您沒有正確編碼它。