z-index没有正确堆叠

Question

我有这个页面HERE。和CSS is HERE。我希望<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;
}