z-index не правильно укладывается

Question

У меня есть эта страница HERE. И CSS is HERE. Я хотел бы <div id="main-img"> быть за <header>. Я уже много раз делал z-index, но я просто не могу понять, что мне здесь не хватает. Спасибо!

Answer 1

Ваш заголовок DIV имеет положение относительно, г-индекс работает только с таким же типом позиции
Попробуйте изменить свой стиль вашего заголовка, как это:

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