CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – Chrome位置:固定和transformZ错误全部内容,希望文章能够帮你解决css – Chrome位置:固定和transformZ错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。