隱藏在javascript滑塊後面的下拉菜單

Question

目前我的導航菜單的下拉部分隱藏在我直接位於其下的javascript滑塊後面。看到問題here。我怎樣才能在滑塊上顯示下拉菜單？

下面是包含相應導航菜單和滑塊的兩個div的一些CSS。

導航菜單：

#nav { 
width:1024px; 
height:20px; 
border-bottom:1px solid #ccc; 
} 

滑塊：

#slider { 
width:1024px; 
height:300px; 
background: #353A33; 
padding-bottom:5px; 
} 

任何想法？

Answer 1

嘗試添加z-index您.dropdown類：

/* Navigation Style */ 
.dropdown { 
    position:relative; 
    font-family: arial, sans-serif; 
    height:50px; 
    width:100%; 
    font-size:14px; 
    color:#ffffff; 
    background:#353A33; 
    z-index:1000; 
} 

Answer 2

使用 位置：絕對 最高的z-index你的資產淨值