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; 
}