CSS转换3d性能问题

时间:2012-10-10 06:15:00

标签: html5 google-chrome css3 3d web

我正在制作 html5& css3 现在和以后的网络应用程序 我正在使用 Google Chrome 来测试平台。 并使用 css transform3d 属性来实现3D相机和放大器在web浏览器的3d世界 不是WebGL。 (因为WebGL无法直接呈现HTML元素。)

如果要绘制多个分区(div元素),则chrome无法全部绘制。
背景图片&有些分歧丢失了。
所以它变成了白屏。

我该如何解决这个问题?

我认为这是chrome的硬件加速错误 我怎么能通过?

1 个答案:

答案 0 :(得分:0)

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

将图像背景移动到一个您不想应用3d变换的容器中,然后尝试。另外,请确保您拥有-webkit-backface-visibility: hidden;

请参阅此链接以获取更多信息:Prevent flicker on webkit-transition of webkit-transform