用于IE 6的Jquery旋转图像>

Question

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

任何帮助或方向以45度角旋转图像将是值得赞赏的。 谢谢。

示例：我的旋转测试

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

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

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

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

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

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

Answer 3

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

Answer 4

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

用于IE 6的Jquery旋转图像&gt;