下拉菜单隐藏在javascript滑块后面

Question

目前我的导航菜单的下拉部分隐藏在我正下方的javascript滑块后面。 在这里看到问题。 如何在滑块上显示下拉菜单？

以下是包含相应导航菜单和滑块的两个div的一些CSS。

导航菜单：

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

滑块：

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

有任何想法吗？

Answer 1

尝试在.dropdown类中添加z-index ：

 /* 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的绝对值