有人在Internet Explorer 9上运行测试以运行3D CSS变换吗?如果是这样,他们是否成功了?
我找不到任何关于它的信息,当然Chrome / Safari / Firefox已经添加了对它的支持:)
Some wicked new 3D CSS syntax
translate3d(x, y, z), translateZ(z)
在x,y和z中移动元素,然后在z中移动元素 . 正z面向 Spectator . 与x和y不同,z值不能是百分比 .
scale3d(sx, sy, sz), scaleZ(sz)
缩放x,y和z中的元素 . z比例影响转换子项中沿z轴的缩放 .
rotateX(angle), rotateY(angle), rotate3d(x, y, z, angle),
前两种形式只是围绕水平和垂直轴旋转元素 . 角度单位可以是度(度)弧度(弧度)或梯度(grad) . 最后一种形式允许您围绕3D空间中的任意向量旋转元素; x,y和z应指定您想要旋转的单位矢量(我们将为您标准化) .
perspective(p)
此功能允许您将一些透视放入转换矩阵 . 有关p的解释,请参见下文 . 通常透视是通过-webkit-perspective属性应用的,但是此函数允许您为单个元素获取透视效果,例如:
-webkit-transform: perspective(500px) rotateY(20deg);
matrix3d(…)
此功能允许您以列主顺序指定16个值的原始4×4齐次变换矩阵 . 玩得开心!
取自here .
3 回答
不,IE9不支持3D变换,只支持2D变换 .
微软在这里列出了浏览器的新功能:http://msdn.microsoft.com/en-us/ie/ff468705 - 3D转换没有成功 .
注意:IE9中CSS属性的客户端特定前缀是
-ms-*
Firefox文档非常友好,可以提及支持它的最低浏览器版本:https://developer.mozilla.org/en/CSS/-moz-transform#Browser_compatibility
Internet Explorer 10,_ 1177213,Chrome 12,Safari 4
所以提到IE9不会,但IE10一旦发布就会 . Safari,Chrome和Firefox现在都有支持它的发行版本,Opera还没有提到支持 .
它不是 . 仅列出safari 5作为支持此功能 .
有关更多信息,这里是一个广泛的比较:http://www.findmebyip.com/litmus/的css3和html5功能在不同的浏览器中支持