为什么在父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/