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

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

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