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，角度），
前两种形式只是围绕水平和垂直轴旋转元素。角度单位可以是度（度）弧度（弧度）或梯度（grad）。最后一种形式允许您围绕3D空间中的任意向量旋转元素; x，y和z应指定你想要旋转的单位矢量（我们会为你标准化）。

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

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

的Matrix3D（...）
此功能允许您以列主顺序指定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＆amp; Firefox现在有支持它的发行版本，Opera还没有提到支持。

Answer 3

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

有关详细信息，请进行广泛比较：http://www.findmebyip.com/litmus/ css3和不同浏览器支持的html5功能

IE9是否支持3D CSS变换？

3 个答案: