Chrome位置：修复和transformZ错误答案

【问题标题】：Chrome position:fixed and transformZ bugChrome位置：修复和transformZ错误
【发布时间】：2012-09-25 18:24:40
【问题描述】：

看看 FF 和 Chrome 中的 this demo，然后删除：

-webkit-transform:translateZ(0px);

Fom css，然后在 Chrome 中再次查看。

它还使用 min-width:100% 制作 Chrome 正文容器，剪切内容（并非总是如此）。

我需要 -webkit-transform:translateZ(0px); 来防止 Chrome 中出现奇怪的奇怪黑框，因为一次使用 transformX + Y 处理太多元素。

【问题讨论】：

【解决方案1】：

我在固定父容器内的谷歌地图上遇到了同样的问题。 Google 地图使用 translateZ 属性。

我认为这可能与这个错误有关，该错误似乎已在 beta 版本中修复：http://code.google.com/p/chromium/issues/detail?id=146894

【讨论】：

【解决方案2】：

我也遇到了这个问题。问题是谷歌地图通过-webkit-transform: translateZ(0);强制GPU在所有映射DOM元素上进行合成。

要解决此问题，您可以通过添加 -webkit-transform: translateZ(0); 到每个固定元素

【讨论】：