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

Question

[tester]

Один блок перекрывает другой, хотя я задал z-index

Codepen: https://codepen.io/tokmaganbet/pen/bGdmPBQ

Comments

[RAX7]

убери z-index для catalog-menu__item
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Answer 1

[Юрий Уваров]

Вы задали z-index для .header .catalog-menu .catalog-menu__item ul li a
z-index: 2, но у родителя .header .catalog-menu .catalog-menu__item
стоит z-index: 4, это называется наследование, если у родителя большой z-index то на вложенные элементы он так же распространяется.

Comments

[tester]

Получилось! Спасибо большое!