Drop Down隱藏在滑塊後面的菜單

下拉菜單隱藏在Chrome上的滑塊後面。我還沒有檢查Internet Explorer。我嘗試設置主菜單和子菜單的位置：相對和高z-index，滑塊包裝作爲位置：相對和低z-索引。但是，它仍然無法正常工作。Drop Down隱藏在滑塊後面的菜單

網站我的工作是：http://www.scraptsy.com

Slider_wrapper

.rev_slider_wrapper { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    z-index: 1; 
    position:relative; 
} 
.tp-bannertimer { 
    z-index: 20!important; 
} 
.rev_slider iframe { 
    z-index: 100; 

}

主菜單

#header-section > #main-nav { 
    border-top: 1px solid #e4e4e4; 
    /*background: url('images/triangular.png');*/ 
    background-color: #C17B48; 
    border-top: 1px solid #E25879 !important; 
    border-bottom: 1px solid #E25879 !important; 
    position: relative; 
    z-index: 2000; 
} 

#header-section #main-nav, #header-section #main-nav .sub-menu, #header-section #main-nav .sub-menu ul, #header-section #main-nav .sub-menu li, #header-section #main-nav .sub-menu li a{ 
    z-index: 100000 !important; 
}

來源

2014-02-17 wag0325

沒有看到你說的話 – John

它只能在Chrome瀏覽器會出現當滑塊改變它的幻燈片，幻燈片前進和獸皮子菜單不知道爲什麼...... – wag0325

@ wag0325：試試這個在你的css中#menu * {z-index：999;}'。而不是**＃menu **把你的導航欄id放到* * ... – Karuppiah

添加到您的滑塊或圖像DIV 「風格=」的位置：絕對; Z-ndex：。-1000;」

它爲我

來源

2014-08-31 07:34:54 walimbeakshay

Drop Down隱藏在滑塊後面的菜單

回答

相關問題