CSS -moz-perspective 的错误

【问题标题】：Bug with CSS -moz-perspectiveCSS -moz-perspective 的错误
【发布时间】：2014-04-01 01:18:50
【问题描述】：

我对透视属性有误.. 如果您在 Google Chrome (v33) 和 Mozilla Firefox (v28) 上看到 this JSFiddle code，我认为它们之间存在差异。如果我评论代码，我可以在 Chrome 上重现此错误：

-webkit-perspective: 2500px;
-moz-perspective: 2500px;
perspective: 2500px;

如何在两个浏览器上获得相同的结果？

感谢大家的帮助，并为我的英语不好感到抱歉。

【问题讨论】：

【解决方案1】：

您需要将position:absolute 设置为#header-cube-container 而不是#header-cube。

【讨论】：

FF 似乎与绝对、高度/宽度 100% 混淆，并转换为计算应用变换和透视的区域。它不断调整屏幕高度宽度，因此不断重新计算透视角度。 #header 立方体的下落、宽度和高度，它稍微好一点......但没有修复它，它只是显示和放大行为。我的英语真的不够好，希望我添加一个适当的链接给你:)