[Привет, люди! могу я попросить вас о помощи? Я работаю с моим небольшим проектом и адаптирую его для разных браузеров. Идея в том, что когда я открываю навигацию, контейнер div, который обертывает main content, должен перекрывать его своим ::before псевдоэлементом с размытым фоном, оставляя навигацию и ее кнопку видимой. \ Everything хорошо работает в Chrome, Firefox (версия 53.0.3), Opera, Microsoft Edge кроме Safari. Проблема в том, что когда я открываю навигацию, анимация не работает, и слой ::before закрывает кнопку, когда я уменьшаю z-index до 0, кнопка исчезает вместе с кнопкой, независимо от того, являются ли они братьями и сестрами. Но когда я изменяю transform с rotateY(180deg) на rotate(180deg), все работает хорошо.
Вот так это выглядит, когда я открываю навигацию. кнопка находится под слоем:
изображение 1
здесь * элемент ::before в HTML:
изображение 2
Это кнопка навигации с transform: rotateY(180deg);:
image 3
Это кнопка навигации с transform: rotate(180deg);:
image 4
Вот как это должно выглядеть:
image 5
Спасибо. :)