Css 粘性导航的Z索引不起作用

我正在开发自己的主题，带有一个浮动在页面内容前面的粘性导航

我的问题是，即使我添加了这段代码，stickynavigation div仍然在包装器后面

.stickynavigation {
    width: 100%;
        margin: auto;
        position: relative;
        z-index: 9999;
        background: #FFF000;
        border-top: 2px solid #000;
        border-bottom: 1px solid #f1f1f1;
        display: block;
        min-height: 60px;
        padding: 10px 0;
}

.wrapper {
        max-width:1000px;
        width:95%;
        margin:0 auto;
        position:relative;
        z-index: 0 !important;
}

.stickynavigation

-包含小徽标和导航

.wrapper

-包含

你知道怎么做吗？要在所有元素前面进行粘滞导航

你可以在我的网站上看到我在这里谈论的问题-

---

非常感谢大家的帮助

您需要在

粘性包装上应用
z-index
，如下所示：

.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}

解释：默认情况下，浏览器在同一同级中设置
z-index
在最后一个元素中的顺序较高，在第一个元素中的顺序较低

假设有3个元素处于相同的同级，如以下顺序，然后浏览器处理它们：

<div>Element 1</div> // z-index: 1
<div> // z-index: 2
    Element 2
    <div>Sub element 1</div> // z-index: 1
    <div>Sub element 2</div> // z-index: 2
</div>
<div>Element 3</div> // z-index: 3

元素1//z-索引：1
//z指数：2
要素2
子元素1//z-索引：1
子元素2//z-索引：2
元素3//z-索引：3

从上面的结构来看，无论您在
子元素1
上设置了多少
z-index
，它都不会出现在
元素3
上，除非您在
元素2
中显式地设置了更高的
z-index
。因为
z-index
总是首先比较同级元素

另外，请记住要正确工作
z-index
建议使用
位置：相对、绝对、固定、粘性
等