webkit transform:translateZ(0)打破位置固定的所有div

时间:2015-03-03 05:15:09

标签: google-chrome webkit positioning fixed background-position

我遇到固定背景的问题,因为它在chrome 40 / webkit中没有正确呈现,经过一些搜索我发现添加了

-webkit-transform: translateZ(0);

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

position:fixed;

这是一个示例,显示div不再固定,但是即使translateZ(0)被删除,背景在示例中渲染得很好!在我的情况下不会发生这种情况。

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

适用于IE,Firefox ......

1 个答案:

答案 0 :(得分:0)

尝试使用-webkit-perspective: 0;代替-webkit-transform: translateZ(0);

这是您的updated fiddle