如何在IE中访问css3变换旋转?

时间:2012-03-29 10:34:09

标签: javascript html5 css3

我正在尝试使用css3旋转图像。在W3schools我发现:

-ms-transform: rotate(45deg); // IE 9 
-webkit-transform: rotate(45deg); // Safari and Chrome 
-moz-transform: rotate(45deg); // Firefox 
-o-transform: rotate(45deg); // Opera 

所以我动态旋转,即使用javascript改变旋转角度。 所以我可以使用以下代码旋转Mozilla,Safari,Chrome浏览器:

document.getElementById("testimg").style.MozTransform = 'rotate('+i+'deg)'; 
document.getElementById("testimg").style.WebkitTransform = 'rotate('+i+'deg)';

有人可以告诉我如何为IE9&歌剧???

1 个答案:

答案 0 :(得分:1)

应为msTransform

document.getElementById("testimg").style.msTransform = 'rotate('+i+'deg)'; 

http://jsfiddle.net/tEC8W/