在 FF 和 Chrome 中查看 this demo ，然后删除：
-webkit-transform:translateZ(0px);
Fom css，然后再次查看 Chrome 。
它还会使min-width:100%的 Chrome 正文容器切割内容（并非总是如此）。
我需要-webkit-transform:translateZ(0px);来防止Chrome中出现奇怪的黑盒子，导致同时使用transformX + Y过多的元素。
答案 0 :(得分：5)
我在固定父容器中的谷歌地图遇到了同样的问题。 Google地图使用translateZ属性。
我认为它可能与此错误有关，似乎已经在测试版本中得到修复：http://code.google.com/p/chromium/issues/detail?id=146894
答案 1 :(得分：4)
我也遇到了这个问题。问题是谷歌地图通过-webkit-transform: translateZ(0);
要解决此问题，您可以通过添加强制所有已修复定位元素上的GPU合成
-webkit-transform: translateZ(0);到每个固定元素
jsfiddle演示：http://jsfiddle.net/plapier/QA7tK/