隐藏在滑块后面的下拉菜单答案

【问题标题】：Drop Down Menu hidden behind the slider隐藏在滑块后面的下拉菜单
【发布时间】：2014-02-17 20:16:07
【问题描述】：

下拉菜单隐藏在 chrome 上的滑块后面。我还没有检查Internet Explorer。我尝试将主菜单和子菜单设置为位置：相对和高 z-index，并将滑块包装器设置为位置：相对和低 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;
}

【问题讨论】：

看不到你在说什么。
它只出现在chrome浏览器上。当滑块改变其幻灯片时，滑块向前移动并隐藏子菜单。不知道为什么...
@wag0325 : 在你的 css #menu * {z-index: 999;} 中试试这个。而不是 #menu 把你的 nav bar id...

标签： html css wordpress html5-canvas

【解决方案1】：

将此添加到您的滑块或图像 div “风格=”位置：绝对； z-index:-1000;"

它对我有用。

【讨论】：