Если бы у меня был
<div class="above-header">SOME STUFF</div>
<header>
<div class="inside-header">SOME MORE STUFF</div>
</header>
и inside-header
- position: absolute
с z-index: 1
, а above-header
- position: relative
с z-index: 10
, почему inside-header
появляется выше above-header
?
потому что.inside-заголовок является дочерним элементом заголовка и помещается как абсолютный в заголовке. поэтому вам нужно создать позицию заголовка: абсолютный с z-index: 1