【发布时间】:2012-01-08 23:17:25
【问题描述】:
我正在使用 jQuery Isotope 和无限滚动实现一个 3D 界面。无限滚动的加载消息应该是position: fixed。但是,因为它的父级设置了-webkit-perspective,所以它似乎恢复到absolute 定位。
这是一个已知的错误,还是这只是 3D 变换通常如何影响他们的孩子?
【问题讨论】:
标签: css 3d transform fixed perspective
我正在使用 jQuery Isotope 和无限滚动实现一个 3D 界面。无限滚动的加载消息应该是position: fixed。但是,因为它的父级设置了-webkit-perspective,所以它似乎恢复到absolute 定位。
这是一个已知的错误,还是这只是 3D 变换通常如何影响他们的孩子?
【问题讨论】:
标签: css 3d transform fixed perspective
任何时候你对一个元素应用变换,它就会成为定位子元素的定位根。您的 position:fixed 元素将相对于转换后的父元素变得固定。
这是在当前的 Webkit 和 Gecko 中实现的(至少,它们是我可以方便地测试它的两个),并且在 Transforms 规范的第 6 节中有详细说明:https://www.w3.org/TR/css-transforms-1/#transform-property
【讨论】: