下拉菜单隐藏在幻灯片正下方

我的网站上名为“more”的按钮有一个隐藏在幻灯片下方的下拉框。下拉菜单隐藏在幻灯片正下方

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

www.luckettpump.com/index.php（确保键入完全一样的地址，因为目前luckettpump.com进入到HTML旧版本的网站。）

谢谢您的帮助。

詹妮弗

2016-09-20 Jenn

您需要设置的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>

来源

2016-09-20 05:30:47 bharat

嗨，这工作！谢谢！我只在另一个地方遇到这个问题，但是相同的代码似乎不起作用。在同一页面上（www.luckettpump.com/index.php）有一个叫做“索引”的按钮。下拉框也部分隐藏，虽然显示的部分确实会在菜单上显示字词。如果还有一种方法可以从幻灯片放映后取消隐藏此菜单，这将完全解决我在本网站中遇到的问题。再次，谢谢你。 – Jenn

下拉菜单隐藏在幻灯片正下方

回答

相关问题