2012-03-29 62 views
0

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

我想使用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 &歌剧做到这一点???

+0

我使用OTransform歌剧院成功。请告诉我IE9 – JMoh 2012-03-29 10:45:29

+0

你看到我的答案了吗? – David 2012-03-29 11:04:39

回答

1

它应该是msTransform

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

http://jsfiddle.net/tEC8W/

+0

是大卫它的工作,但我不知道我的代码问题 在你的代码中你使用div所以我使用图像,但不知道是什么原因 – JMoh 2012-03-30 12:07:31