位置固定在具有-webkit-perspective的父级中

时间:2011-11-29 15:57:47

标签: css3 3d transform fixed perspective

我正在使用jQuery Isotope和Infinite Scrolling实现3D界面。无限滚动的加载消息应为position: fixed。但是,由于其父级设置为-webkit-perspective,因此它似乎还原为absolute定位。

这是一个已知的错误,或者这只是典型的3D转换如何影响他们的孩子?

1 个答案:

答案 0 :(得分:4)

每次将变换应用于元素时,它都会成为已定位子项的定位根。您的position:fixed元素将相对于已转换的父元素固定。

这是在当前的Webkit和Gecko中实现的(至少,它们是我测试它的两个方便),详见变换规范的第6部分:https://www.w3.org/TR/css-transforms-1/#transform-property