javascript - 隐藏在javascript slider 后面的下拉菜单

Question

目前，我的导航菜单的下拉部分隐藏在我正下方的 javascript slider 后面。查看问题here .如何让下拉菜单显示在 slider 上？

这是包含各自导航菜单和 slider 的两个 div 的一些 CSS。

导航菜单:

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

slider :

#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;
}