Html 固定标头上的z索引不工作

我试图在这方面重复这个问题

我希望标题“再次上路”的div位于标题“进化更新”的顶部。我尝试过更改父级的z索引，更改每个相关单元的z索引，将标题包装到div标记中，但没有任何效果。“再次上路”div仍在页眉下方

我想要的是什么

---

先谢谢你

用于

z-index

带

位置

不带

位置

这不起作用

z-index

属性指定元素的堆栈顺序

---

注意：

z-index

仅适用于定位元素

（位置：绝对、位置：相对或位置：固定）

此问题的解决方案是您需要添加

边距顶部：-60px

到

.demo blog

您需要将标题设置为

位置

。。。！

.demo-blog.mdl-layout .mdl-layout__content {
    padding-top: 0px;
    position: relative;
    margin-top: -80px;
    z-index: 100;
}

header.main-header{
  z-index: -50;
}