IE 6的Jquery旋转图像＆gt;

Question

我希望有人可以阐明IE 6＆gt;图像旋转代码。我尝试过使用（http://code.google.com/p/jquery-rotate/）但没有成功。我可以根据这篇文章（Stackoverflow post）为FF，Chrome和Safari旋转图像。

任何以45度角旋转图像的帮助或方向都将受到赞赏。感谢。

示例：My test for rotation

Answer 1

使用优秀的jQuery Rotate插件。 http://code.google.com/p/jqueryrotate/。它受到所有主流浏览器的支持

* Internet Explorer 6.0 >
* Firefox 2.0 >
* Safari 3 >
* Opera 9 >
* Google Chrome 

要旋转图像，您需要做的就是$('#myImage').rotate(30) //for a 30 degree rotation 其中#myImage是您要旋转的元素的ID。

Answer 2

你读过...... http://developercity.blogspot.com/2010/09/rotate-div-or-image-using-jquery-ie-and.html

编辑： 试试这个：http://pastebin.com/gB4iATpm

Answer 3

在我看来，CSS3是要走的路，因为（在这种情况下），你可以做transform: rotate(xxdeg);。有一些方法可以确保向后兼容性，例如：http://fetchak.com/ie-css3/
希望它有所帮助！

Answer 4

这是一个古老的问题，但是事情已经发生了变化，因为人们仍然在阅读这篇文章，我会选择一个效果很好的替代解决方案：

对于除IE8及更早版本之外的当前使用的所有浏览器，旋转元素的最简单的解决方案是标准CSS语法transform:rotate(45deg)。

对于IE6 / 7/8，最好的选择是CSS Sandpaper javascript库。

CSS Sandpaper实现了CSS旋转语法的标准，以及其他几个CSS功能。这意味着您可以在所有浏览器中使用标准CSS语法。

关于这一点的好处是它意味着虽然你在IE上使用javascript，但你不需要为其他浏览器使用任何JS代码，这应该有利于提高性能。在支持它们的浏览器上使用Web标准也是很好的。