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

Question

我网站上名为 "more" 的按钮有一个下拉框，隐藏在其下方的幻灯片后面。

我试过 z-index 代码，但它不起作用，因为我的幻灯片不能是 "fixed," "relative," 或 "absolute,"，这是 z-index 的要求上班。

www.luckettpump.com/index.php（请确保输入的地址与此完全相同，因为 luckettpump.com 当前转到 html 旧版本的网站。)

感谢您的帮助。

詹妮弗

Answer 1

您需要为主要 div 设置 z-index 只有这样才能正确设置您的菜单，请先检查以下 - 来自您网站的 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>

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

dropdown menu is hidden behind the slideshow directly below it

hidden

z-index

dropdown