Question

下拉菜单隐藏在chrome上的滑块后面。我还没有检查过Internet Explorer。我尝试使用position：relative和high z-index设置主菜单和子菜单，并将滑块包装设置为position：relative和low z-index。但是，它仍然无法正常工作。

我正在处理的网站是：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;
}

Answer 1

将其添加到滑块或图像div ＆＃34; style =＆＃34; position：absolute; Z-ndex：-1000;＆＃34;

它对我有用。

下拉菜单隐藏在滑块后面

1 个答案: