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