在FF和Chrome中查看
this demo,然后删除:
-webkit变换:translateZ(0像素);
Fom css,再看看Chrome.
它还使得Chrome机身容器的最小宽度:100%,切割内容(并非总是如此).
我需要-webkit-transform:translateZ(0px);为了防止Chrome中出现奇怪的怪异黑盒,导致同时使用transformX Y过多的元素.
解决方法
我也遇到了这个问题.问题是谷歌地图通过-webkit-transform:translateZ(0)强制GPU合成所有它的映射DOM元素;
要解决此问题,您可以通过添加强制所有固定定位元素上的GPU合成
-webkit-transform:translateZ(0);到每个固定元素
jsfiddle演示:http://jsfiddle.net/plapier/QA7tK/