下拉菜单隐藏在其正下方的幻灯片后面答案

【问题标题】：dropdown menu is hidden behind the slideshow directly below it下拉菜单隐藏在其正下方的幻灯片后面
【发布时间】：2016-09-20 13:30:47
【问题描述】：

我网站上名为“更多”的按钮有一个隐藏在其下方幻灯片后面的下拉框。

我尝试了 z-index 代码，但它不起作用，因为我的幻灯片不能“固定”、“相对”或“绝对”，这是 z-index 工作的要求。

www.luckettpump.com/index.php（一定要输入完全一样的地址，因为luckettpump.com目前是html旧版本的网站。）

感谢您的帮助。

詹妮弗

【问题讨论】：

标签： z-index hidden dropdown

【解决方案1】：

您只需要为主 div 设置 z-index 即可正确设置您的菜单，请查看以下来自您网站的 first-div：

<div style="background-color:white;z-index: 1002" class="col-sm-1"> 
  <div class="menu_more">
<div class="dropdown open"> 
<button data-toggle="dropdown" type="button" class="btn btn-default dropdown-toggle" aria-expanded="true">More<span class="caret"></span></button>


   <ul role="menu" class="dropdown-menu">
  <li><a href="http://luckettpump.com/gallery/fogrod/1.php" tabindex="-1">FogRod</a></li>
  <li><a href="http://luckettpump.com/gallery/scada/1.php" tabindex="-1">SCADA</a></li>   
  </ul>

  </div>
  </div>
   </div>

【讨论】：

嗨，成功了！谢谢！我只是在另一个地方遇到了这个问题，但是相同的代码似乎不起作用。在同一页面 (www.luckettpump.com/index.php) 上有一个名为“index”的按钮。下拉框也部分隐藏，尽管显示的部分确实显示了菜单上的措辞。如果有办法从幻灯片后面取消隐藏此菜单，那将完全解决我对这个网站的问题。再次，非常感谢。