html - 隐藏在 slider 后面的下拉菜单

Question

下拉菜单隐藏在 chrome 的 slider 后面。我还没有检查 Internet Explorer。我尝试将主菜单和子菜单设置为position:relative和高 z-index，并将 slider 包装器设置为position:relative和低 z-index。但是，它仍然无法正常工作。

我正在处理的网站是:http://www.scraptsy.com

slider 包装器

.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

将此添加到您的 slider 或图像 div “风格=”position:absolute; z-index:-1000;"

它对我有用。