使用translateZ时的css3 y偏移量

Question

我目前在一个有三维效果的网站上工作，但我在Z轴上翻译的问题有问题，因为所有这些都有来自父div的偏移偏移。

这是我做过的一个问题。 （用ff和铬测试）

https://dl.dropboxusercontent.com/.......3d.html

在此示例中，您可以看到绿色网格与父级（橙色网格）的偏移量越大，父级位置在页面上的位置越低。

是否有解决此问题的工作？

Answer 1

您有一个javascript函数可以设置容器元素的透视图。

要创建真实的3D体验，您需要设置一个透视图，以便以重新创建真实3D世界的方式扭曲尺寸。

如果您想要具有“固定”（或线性）尺寸，请禁用它。