Javascript 翻译3D和棋盘格背景

我正在使用translate3d实现一个用于gpu加速转换的旋转木马，我在旋转木马项目上获得了白色/灰色格子背景的工件。添加以下内容：

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);

旋转木马和移动div的css部分解决了问题，但棋盘格背景仍然出现在溢出的旋转木马项目上。 那些部分可见的，而不是完全在屏幕之外的，不会出现这个问题。但当一个新项目进入屏幕时，它会在渲染前以奇怪的背景出现

有没有关于如何解决这个问题的提示