我正在使用translate3d为gpu加速过渡实现旋转木马,我在旋转木马项目上获得了文物(白色/灰色方格背景)。添加这个:
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
到旋转木马的css和移动div部分解决了问题,但方格背景仍然出现在溢出的旋转木马项目上。 那些部分可见但不完全在屏幕之外的人不会遇到这个问题。但是当一个新项目进入屏幕时,它会在渲染之前显示奇怪的背景。
有关如何解决此问题的任何提示?