CSS 转换 3D 性能问题

Question

我现在一直在创建html5和css3 Web应用程序。
我正在使用谷歌浏览器作为测试平台。并使用 CSS Transform3D 属性在 Web 浏览器中实现 3D 相机和 3D 世界。
不是WebGL。（因为 WebGL 不能直接呈现 HTML 元素。

如果它有很多分区（div元素）要绘制，Chrome无法绘制所有元素。
背景图像和一些部门丢失。
所以它变成了白屏。

我该如何解决这个问题？

我认为这是chrome的硬件加速错误。
我怎样才能通过？

Answer 1

使用 3D 变换时，背景图像确实会导致问题和闪烁。

将

图像背景移动到一个不想应用 3D 变换的容器中，然后尝试。还要确保你有-webkit-backface-visibility: hidden;

有关详细信息，请参阅此链接： 防止 webkit 上的闪烁 - webkit 转换的 webkit 转换