下拉菜單保持隱藏在滑蓋

我有一個網站http://www.jccaspen.com/templates/section_cdo/aid/2644906/jewish/Ski-to-Live.htm背後，都有一個下拉菜單簡介標籤，但是當你在下降懸停下來，它顯示圖像滑塊後面（你可以看菜單，如果您單擊關於我們標籤，並在它懸停）下拉菜單保持隱藏在滑蓋

我知道這個問題是與滑塊，在特定圖像。我嘗試將溢出更改爲可見，但它不起作用。請幫助

來源

2014-07-16 Jenny

我看不出任何問題，工作得很好，在這裏！ –

沒有。當滑塊加載然後覆蓋菜單.. –

不要在你的代碼如下變化。它會爲你工作。我自己測試過它。這是z-index的問題。

<div class="chabad_menu_content" style="z-index: 10000"> 
. 
. 
. 
. 
</div>

來源

2014-07-16 19:35:27

設置爲該類.bannercontainerz-index:1

.bannercontainer { 
    position: relative; 
    margin: 0 auto; 
    padding: 15px; 
    background-color: #000; 
    max-width: 1140px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    z-index: 1; /*Add this */ 
}

來源

2014-07-16 19:24:02

你需要給菜單更高的z-index比滑塊。它也必須定位它的工作。

添加這一點，它應該工作：

div#chabad_head .chabad_navigator_bar { 
    position: relative; 
    z-index: 3; 
}

來源

2014-07-16 19:26:45

下拉菜單保持隱藏在滑蓋

回答

相關問題