css - 無法獲得下拉導航以顯示上面的內容下面

Question

我正在做一個CSS下拉導航，我無法得到下拉菜單顯示在導航div下面的div內容。我如何做到這一點，沒有絕對定位兩個div並指定一個z-index？你可以在這裏看到我的例子：

http://stage.fourwallsla.com/in-the-neighborhood

Answer 1

您已經使用絕對定位我看到的，但反正爲什麼不z-index的補充呢？

#container #top_nav .subnav { 
    position: absolute; 
    top: 37px; 
    width: 100%; 
    z-index: 1000; 
} 

修復了這個問題，您只需要爲它提供更好的背景色！

Answer 2

給人以「功能」除負的z-index也將正常工作（在Chrome螢火蟲測試）

z-index:-1 

Answer 3

你不能做沒有的z-index specifing或在您的標記交換塊

添加到你的CSS

#container #nav_container { 
    z-index: 2; 
} 
#container #nav_container li a { 
    background-color: #fff; 
} 

Answer 4

#container #top_nav .subnav{ 
    z-index: 2; 
} 

#container #top_nav .subnav li > a{ 
    background: #fff; 
}