html - Wordpress 中滑块下方的子菜单

Question

我正在使用 WordPress（带有 Antreas 主题）。

我为它创建了一个子菜单，但滑块位于子菜单上方。

当我在滑块（滑块下方）上设置 z-index 时：子菜单正在工作，但滑块上的控件不工作。

我该如何解决？

感谢先进

我的网站

代码： 源代码

.slider {
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    transition: 0.3s all;
    background-color: #333333;
    z-index: -1 !important;
}

.menu-main li ul {
    position: absolute;
    margin: 5px 0 0;
    background-color: #fff;
    border: 1px solid #eee;
    transition-delay: 0.2s;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: 0;
    z-index: 9998 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.sub-menu {
    color: #000 !important;
    background-color: #ccc;
}

标签： htmlcsswordpress

Answer 1

如果我正确理解了您的问题，那么您需要添加z-index: 9999到.header课程中。滑块上的元素是可点击的。