悬停时下拉菜单消失在滑块后面答案

【问题标题】：Drop down menu disappearing behind slider while hover over悬停时下拉菜单消失在滑块后面
【发布时间】：2019-03-29 13:37:41
【问题描述】：

我有一个下拉菜单，当单击父菜单时，它会显示在滑块上方。但是当我尝试将鼠标悬停在下拉菜单中的子菜单上时，它位于滑块后面。我目前正在为 bcoz +ve 索引值设置 -ve z-index 值不起作用，并在滑块后面显示下拉菜单。

.owl-carousel {
    z-index: -600 !important;
}
.site-header .top-header-right .content-bot ul li:hover .top-area-sub-menu{
    display: block !important;
    width:100%;
    z-index: -500 !important;
}

【问题讨论】：

标签： html css wordpress drop-down-menu

【解决方案1】：

那里，我不确定，但试试这个，我认为它对你有帮助

.owl-carousel {
        z-index: 1 !important;
    }
    .site-header .top-header-right .content-bot ul li:hover .top-area-sub-menu{
        display: block !important;
        width:100%;
        z-index: 123 !important;
        position: relative;
    }

【讨论】：

【解决方案2】：

解决了问题。我将 z-index 应用于错误的滑块元素。

.main-slider {  /* correct */
    z-index: -600;
}

.owl-carousel {  /* wrong element */
        z-index: 1 !important;
}

【讨论】：