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

143
24 декабря 2021, 10:50

Я спозиционировал тёмное меню, которое задано с помощью position: absolute; z-index: 1, оно находится выше всех, но я хочу, чтобы кнопка, которая была в header стала выше, я пытался добавлять z-index: 2, но ничего не работает.
https://mihinov.github.io/news/ Тут смотреть
Чтобы открылось меню, надо кликнуть на бургер меню



После нажатия на меню появляется затемнённый блок, и на кнопку нельзя кликнуть, так как она "ниже" тёмного фона

Answer 1

Надо убрать z-index у хэдера и поставить крестику z-index больше чем у оверлея. Если содержимому хэдера нужен z-index, то надо всё кроме крестика обернуть в блок, которому поставить соответствующий z-index меньше оверлея.

READ ALSO
Подсветка ссылок при клике в chrome

Подсветка ссылок при клике в chrome

Доброго всем времени суток!

96
Как сделать цвет - картинкой css? [дубликат]

Как сделать цвет - картинкой css? [дубликат]

как сделать что бы картинка была как цветом , как на картинке?

97
Деформация текст

Деформация текст

Подскажите, как можно сверстать такой вот текст? На ум приходит только transform, но это не совсем то, что нужно

84