我如何定位低於父UL子UL用z-index

Question

我試圖定位父下我的孩子UL UL所以我有

http://jsfiddle.net/hjJYN/

代碼snipplet

ul { 
    position: relative; 
    z-index: 5; 
} 
li ul { 
    position: absolute; 
    z-index: 2; 
} 

但我仍然有我的孩子在父母之上，爲什麼呢。用普通的老式div，我可以使用z-index爲什麼不用uls？ http://jsfiddle.net/MjHBT/

Answer 1

試試這個

ul { 
    position: relative; 
} 
li ul { 
    position: absolute; 
    z-index: -2; 
} 

換句話說，除去z-index家長和給孩子一個負z-index。這會導致子菜單的懸停失敗，但有關負向z-索引的內容感覺不對。

Answer 2

添加到孩子ul位置：absolute;

ul { 
    position: relative; 
    z-index: 5; 
} 
li ul { 
    z-index: 1; 
    position:absolute; 
} 

Answer 3

你可以給這個嵌套的ul一個margin-top：0，將它放在較低的位置，並給它一個方形的角落。它看起來不錯，然後