下拉菜單隱藏在幻燈片正下方

我的網站上名爲「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

下拉菜單隱藏在幻燈片正下方

回答

相關問題