Chrome位置：固定和transformZ错误

Question

在FF和Chrome中查看此演示 ，然后删除：

-webkit-transform:translateZ(0px);

Fom css，再看看Chrome 。

它还使得Chrome机身容器的min-width:100% ，切割内容（并非总是如此）。

我需要-webkit-transform:translateZ(0px); 为了防止Chrome出现奇怪的怪异黑盒，导致同时使用transformX + Y过多的元素。

Answer 1

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

我相信它可能与此错误有关，该错误似乎已在测试版中修复： http ： //code.google.com/p/chromium/issues/detail？ id = 146894

Answer 2

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

要解决此问题，可以通过添加-webkit-transform: translateZ(0);来强制对所有固定元素进行GPU合成-webkit-transform: translateZ(0); 到每个固定元素

jsfiddle演示： http ： //jsfiddle.net/plapier/QA7tK/