css - z-index 没有正确堆叠

Question

我有这个页面在这里。CSS在这里。我想<div id="main-img">落后<header>。我以前做过很多次z-index，但我就是不知道我在这里缺少什么。谢谢！！

Answer 1

您的 div 标题具有相对位置，z-index 仅适用于相同的位置类型
尝试像这样更改标题的样式：

header {
        top:0;
        left:0;
        position: absolute;
        height: 172px;
        max-width: 980px;
        z-index: 1;
}