IE9 是否支持 3D CSS 变换？

Question

有人在 Internet Explorer 9 上运行过 3D CSS 变换测试吗？ 如果是，他们成功了吗？

我找不到任何关于它的信息，当然 Chrome/Safari/Firefox 已经添加了对它的支持:)

一些邪恶的新 3D CSS 语法

translate3d(x, y, z), translateZ(z)
在 x、y 和 z 中移动元素，只在 z 中移动元素。正 z 朝向观察者。与 x 和 y 不同，z 值不能是百分比。

scale3d(sx, sy, sz), scaleZ(sz)
在 x、y 和 z 中缩放元素。 z 比例会影响变换后的子项中沿 z 轴的比例。

rotateX（角度），rotateY（角度），rotate3d（x，y，z，角度），
前两种形式只是简单地围绕水平轴和垂直轴旋转元素。角度单位可以是度 (deg) 弧度 (rad) 或弧度 (grad)。最后一种形式允许您围绕 3D 空间中的任意向量旋转元素； x、y 和 z 应指定您希望旋转的单位矢量（我们会为您标准化）。

透视（p）
此功能允许您对转换矩阵进行一些透视。有关 p 的解释，请参见下文。通常透视是通过 -webkit-perspective 属性应用的，但是这个函数允许你获得单个元素的透视效果，类似于：

-webkit-transform: perspective(500px) rotateY(20deg);

ma​​trix3d(…)
此函数允许您以列优先顺序指定 16 个值的原始 4×4 齐次变换矩阵。玩得开心！

取自here。

Answer 1

不，IE9 不支持 3D 变换，只支持 2D 变换。

Microsoft 在这里列出了浏览器的新功能：http://msdn.microsoft.com/en-us/ie/ff468705 -- 3D 转换没有成功。

注意：IE9 中 CSS 属性的客户端特定前缀是 -ms-*

Answer 2

Firefox 文档很友好地提到了支持它的最低浏览器版本： https://developer.mozilla.org/en/CSS/-moz-transform#Browser_compatibility

Internet Explorer 10、Firefox 10、Chrome 12、Safari 4

如前所述，IE9 不会，但 IE10 一旦发布就会。 Safari、Chrome 和 Firefox 现在已经发布了支持它的版本，而 Opera 尚未提及支持。

Answer 3

它没有。只有 safari 5 被列为支持此功能。

更多信息，这里有一个广泛的比较：http://www.findmebyip.com/litmus/ 不同浏览器支持的 css3 和 html5 功能