css - css 3d 透视图在某些浏览器中无法正确显示

Question

我有一堆我在 css 中设置的图像，以显示为 3d 堆栈。它始终在 Safari（PC 或 Mac）中正确显示，但有时仅在 Chrome 中显示。我没有放入 Moz 的东西，所以它肯定不会在那里工作，但我知道这一点，这不是我要处理的问题。Mac 上的 Chrome （始终如一地）和较新的 PC 上似乎工作正常，但在我的 windows XP 机器上它不起作用，而且它几乎肯定是透视属性的问题。

我设置了一个 jsfiddle 隔离页面部分：http: //jsfiddle.net/4vXXd/

这是用于 windows xp 的 chrome，但透视图不起作用：

在 Safari for windows xp 中工作：

关于如何使它工作的任何想法？

Answer 1

如果启用了 GPU 加速，Chrome 只会以真正的 3D 透视渲染 3D css。如果不是，它将改为使用一种准 3d 等距投影。

要查看您的 chrome 是否启用了 GPU 加速，about:GPU请在地址栏中输入内容并查看内容。