gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 08:38:11 25 4
gpt4 key购买 nike

我正在使用 jQuery Isotope 和 Infinite Scrolling 实现 3D 界面。无限滚动的 Loading 消息应该是 position: fixed。然而,因为它的父级有一个 -webkit-perspective 集,所以它似乎恢复到 absolute 定位。

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

最佳答案

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

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

关于css - 在具有 -webkit-perspective 的父级中固定的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8313772/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com