Преобразование анимации элемента приводит к перекрытию заголовка с фиксированной позицией только в iOS. ⇐ CSS

[Anonymous]

Я создаю сайт, который использует анимацию переворачивания карточек, найденную здесь, и имеет навигационное меню с фиксированным положением. Когда карта переворачивается в любом браузере на iOS, она помещается перед фиксированным навигационным меню. Он отлично работает в любом другом браузере, который я тестировал, включая Chrome на телефоне Android.

Я обнаружил ряд причин, по которым это может происходить, начиная с аппаратного обеспечения. проблемы с ускорением преобразований, происходящих на другой «плоскости», чем плоские элементы (игнорируя z-индекс). Я попробовал применить Transform3d(0px, 0px, 0px); к навигационному меню и с помощью TranslateZ изменить положение, а также применил несколько других приемов, которые еще не сработали.

Подробнее здесь: https://stackoverflow.com/questions/413 ... der-in-ios