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

【问题标题】：Drop down menu hidden behind javascript slider隐藏在javascript滑块后面的下拉菜单
【发布时间】：2011-12-28 03:33:05
【问题描述】：

目前，我的导航菜单的下拉部分隐藏在其正下方的 javascript 滑块后面。请参阅问题here。如何在滑块上显示下拉菜单？

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

导航菜单：

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

滑块：

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

有什么想法吗？

【问题讨论】：

没有“PHP 下拉菜单”之类的东西。只有 PHP 恰好生成的网页可能包含菜单。

标签： javascript html css drop-down-menu overlap

【解决方案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;
}

【讨论】：

您先生，真是个天才！谢谢

【解决方案2】：

使用立场：绝对在您的导航中具有最高的 z-index

【讨论】：