2016-09-20 15 views
0

私のウェブサイトの "more"ボタンは、その下のスライドショーの背後に隠れるドロップダウンボックスを持っています。ドロップダウンメニューがそのすぐ下にあるスライドショーの後ろに隠されています

私のスライドショーはz-indexが動作するための要件である "固定"、 "相対"、または "絶対"にできないため、z-indexコードを試しましたが動作しません。

www.luckettpump.com/index.php(luckettpump.comは現在、ウェブサイトのHTML古いバージョンになるので、まさにそのようにアドレスを入力してください。)

あなたの助けをいただき、ありがとうございます。

あなたはそれだけでは、あなたのメニューが適切に設定され、メインのdivのためのzインデックスを設定する必要がジェニファー

答えて

0

は、あなたのサイトからである第一の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> 
+1

こんにちは、 !ありがとうございました!私は他の場所でこの問題を抱えているだけですが、同じコードはうまくいかないようです。同じページ(www.luckettpump.com/index.php)に「index」というボタンがあります。ドロップダウンボックスも部分的に非表示になっていますが、表示されている部分はメニューの文言を示しています。このメニューをスライドショーの背後から隠す方法がある場合、それはこのウェブサイトの問題を完全に解決します。再度、ありがとうございました。 – Jenn

関連する問題