css – Chrome位置:固定和transformZ错误

前端之家收集整理的这篇文章主要介绍了css – Chrome位置:固定和transformZ错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在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/

猜你在找的CSS相关文章