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(angle), rotateY(angle), rotate3d(x, y, z, angle),
前两种形式仅使元素绕水平和垂直轴旋转。角度单位可以是度（deg）、弧度（rad）或梯度（grad）。最后一种形式允许您围绕三维空间中的任意矢量旋转元素；x、y和z应指定您希望围绕的单位矢量（我们将为您规范化它）。

perspective(p)
这个函数允许您将一些透视放入转换矩阵中。有关p的说明，请参见下文。通常通过-webkit-perspective属性应用透视，但此函数允许您为单个元素获得透视效果，例如：

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

matrix3d(…)
这个函数允许你以列主序方式指定16个值的4×4齐次变换矩阵。祝玩得愉快！

摘自这里。

- Marko

---

请查看这个网站：http://caniuse.com/，尤其是这个链接：http://caniuse.com/#feat=transforms3d - Jason

http://caniuse.com/#search=transform - mVChr

Answer 1

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

微软在这里列出了新版浏览器的特性：http://msdn.microsoft.com/en-us/ie/ff468705，但3D转换并未包含在其中。

值得注意的是，IE9中CSS属性的客户端特定前缀为-ms-*。

- Gavin Anderegg

Answer 2

火狐文档非常友好地提到支持所需的最低浏览器版本: 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尚未提及支持。

- Michael

Answer 3

不支持。只有Safari 5被列为支持此功能的浏览器。

欲了解更多信息，请参阅以下详尽比较：http://www.findmebyip.com/litmus/，其中列出了不同浏览器支持的CSS3和HTML5功能。

- arg20