html - 为什么在父 dom 节点上启用硬件加速会中断位置：已修复

Question

在父 dom 节点上启用硬件加速会破坏position: fixed 这是为什么？

这在 webkit 和 firefox 中被破坏了

这里减少了测试用例

http://codepen.io/s/pen/yzHFA

---

启用的 GPU 模式

@include transform(translateZ(0));
@include perspective(1000);
@include backface-visibility(hidden);

Answer 1

不幸的是，我没有适合你的解决方案。发生这种情况是因为 CSS 2D 转换在转换后的元素周围创建了一个包含块，导致它与文档一起滚动。

有关详细说明，请参阅 Eric Meyer 的帖子http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/