在FF和Chrome中查看这个演示，然后删除：
-webkit-transform:translateZ(0px);
形成 css，然后在Chrome中再次查看。
它还使Chrome正文容器带有min-width:100%、剪切内容（并非总是如此）。
我需要-webkit-transform:translateZ(0px);防止 Chrome 中出现奇怪的奇怪黑框，因为一次使用 transformX + Y 处理太多元素。
问问题
4387 次
2 回答
5
我在固定父容器内的谷歌地图有同样的问题。谷歌地图使用 translateZ 属性。
我相信这可能与此错误有关，该错误似乎已在 beta 版本中修复：http ://code.google.com/p/chromium/issues/detail?id=146894
于 2012-10-04T20:35:01.057 回答
4
我也遇到了这个问题。问题是谷歌地图强制GPU在所有它映射的DOM元素上通过-webkit-transform: translateZ(0);
要解决此问题，您可以通过添加
到每个固定元素来强制对所有固定定位元素进行 GPU 合成-webkit-transform: translateZ(0);
jsfiddle 演示：http: //jsfiddle.net/plapier/QA7tK/
于 2013-03-05T22:09:58.813 回答