Положение зафиксировано в родительском объекте, который имеет -webkit-перспектива

Question

Я реализую 3D-интерфейс, используя jQuery Isotope и Infinite Scrolling.Сообщение о загрузке для бесконечной прокрутки должно быть position: fixed.Однако, поскольку у его родителя установлен -webkit-perspective, он, похоже, возвращается к позиционированию absolute.

Это известная ошибка, или это типично, как 3D-преобразования влияют на их потомков?

Answer 1

Каждый раз, когда вы применяете преобразование к элементу, он становится корнем позиционирования для позиционированных потомков.Ваш элемент position:fixed станет фиксированным относительно преобразованного родителя.

Это реализовано в текущих Webkit и Gecko (по крайней мере, это те два, которые мне пригодились для его тестирования), и подробнов разделе 6 спецификации Transforms: https://www.w3.org/TR/css-transforms-1/#transform-property