【问题标题】:Position fixed within parent that has -webkit-perspective在具有 -webkit-perspective 的父级中固定的位置
【发布时间】:2012-01-08 23:17:25
【问题描述】:

我正在使用 jQuery Isotope 和无限滚动实现一个 3D 界面。无限滚动的加载消息应该是position: fixed。但是,因为它的父级设置了-webkit-perspective,所以它似乎恢复到absolute 定位。

这是一个已知的错误,还是这只是 3D 变换通常如何影响他们的孩子?

【问题讨论】:

    标签: css 3d transform fixed perspective


    【解决方案1】:

    任何时候你对一个元素应用变换,它就会成为定位子元素的定位根。您的 position:fixed 元素将相对于转换后的父元素变得固定。

    这是在当前的 Webkit 和 Gecko 中实现的(至少,它们是我可以方便地测试它的两个),并且在 Transforms 规范的第 6 节中有详细说明:https://www.w3.org/TR/css-transforms-1/#transform-property

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-14
      • 1970-01-01
      • 1970-01-01
      • 2014-12-29
      • 1970-01-01
      • 2018-04-06
      相关资源
      最近更新 更多