webkit transform:translateZ(0)在固定位置的情况下打断所有div

Question

我对固定背景有问题，因为它在chrome 40/webkit中没有正确渲染，经过一些搜索，我发现添加了

-webkit-transform: translateZ(0);

修复了这个问题，但是这会破坏的任何div

position:fixed;

这里的一个例子表明div不再是固定的，但是即使translateZ（0）被删除，背景在这个例子中也能很好地渲染！这在我的情况下是不会发生的。

https://jsfiddle.net/4hbj5b6e/7/

适用于IE、Firefox。。。

Answer 1

尝试使用-webkit-perspective: 0;而不是-webkit-transform: translateZ(0);。

这是你最新的小提琴。