隐藏在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你的资产净值