設置z-index高於父母

Question

我有兩個div，分別是.navbar和.content。滾動時.navbar固定，.content覆蓋.navbar。

JSFiddle演示是here.請將結果面板放大一點，以免顯示手機菜單。

但是，當我打開下拉菜單，它隱藏在.content下。即使我在下拉菜單上設置的Z-index高於.content，它也不起作用。它只是它的工作方式，還是我錯過了什麼？有沒有修改HTML而不修改？

UPDATE：滾動酷似演示時

.content格應覆蓋.navbar格。

Answer 1

剛剛成立的z-index：1 .content和的z-index：2 .navbar http://jsfiddle.net/7D77j/1/

Answer 2

CSS：

.content { 
     z-index: 1; 
} 

.navbar { 
    z-index: 2; 
} 

.navbar的z-index小於你.content的z-index多數民衆贊成在爲什麼下拉不超過內容div

Answer 3

只需使用此css：

.navbar{ 
    z-index:3; 
} 

演示：http://jsfiddle.net/lotusgodkk/7D77j/2/

Answer 4

，那麼你應該刪除.navbar-fixed-top類和填充上body http://jsfiddle.net/7D77j/6/