-webkit-transform not working in Internet Explorer

问题

I've found that -webkit-transform: rotateZ(10deg); doesn't work in Internet Explorer 9. What can be used instead of that using CSS3?

回答1:

Have you tried -ms-transform:rotateZ(10deg);?

As -webkitis also a vendor specific prefix, you'll have to add those for non-webkit browsers, too.

(like -ms, -moz, -o)

Check out this CSS3 3D Transforms Tutorial for more info: http://www.pageresource.com/css3/3d-transforms-tutorial/

回答2:

3D transforms don't work in IE9. IE10 does support them, though.

Here's a chart of supported browsers: http://caniuse.com/transforms3d

回答3:

you can use 2D transforms in ie9 - i.e. :

-ms-transform: rotate(25deg);

来源：https://stackoverflow.com/questions/11460377/webkit-transform-not-working-in-internet-explorer