Почему не работает z-index?

Question

[gazes12]

у header__container: z-index: 100; у header-bottom: z-index: 99; Ну почему-то header__container не перекрывает header-bottom. Почему??? Заранее спасибо!

Comments

[Вадим]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

[Ankhena]

Потому что z-index работает не так, как вам хочется. Читайте про контекст наложения.

Чтобы header-bottom провалился под родителя, ему нужно задать z-index: -1, а у header__container его совсем убрать.
Но что-то я подозреваю, всё должно быть совсем не так. Но макета нет, так что не ясно.

Answer 1

[Сергей Т]

У тебя header-bottom находится внутри header__container. Либо вынеси его от туда либо, как я понял ты хочешь чтобы header-top перекрывал header-bottom, в этом случает тебе z-index надо ставить для header-top а не для header__container

Comments

[gazes12]

Я поставил header-top z-inedex, не работает. Убрал header-bottom из container, тоже не работает(

[Сергей Т]

gazes12, Все работает, просто у header-top надо беграунд добавить, а то он просвечивает))

[gazes12]

Сергей Т, ахах, забыл про него xd