Исправлен div, скрывающий элементы с более высоким z-индексом. ⇐ Html

[Anonymous]

Я хочу показать мобильное меню, которое отображается в полноэкранном режиме и скрывает все содержимое, кроме логотипа страницы и значка меню-гамбургера. Ниже приведен мой тестовый код. Обратите внимание, что он также скрывает логотип страницы и значок меню-гамбургера, хотя они оба имеют z-индекс, равный 50, что выше, чем z-индекс, равный 20, в мобильном меню.

Код: Выделить всё

my page logo
my hamburger menu icon

content


this menu should not hide logo or menu icon as this menu has a z-index of 20,
but logo and menu have a z-index of 50

результат (обратите внимание, что ни страница, ни значок меню гамбургера не видны)


Что я делаю не так?

Подробнее здесь: https://stackoverflow.com/questions/794 ... er-z-index