在IE中使用javascript css转换旋转png图像

我需要旋转png图像一些圆形磁盘。这是在jQuery的帮助下完成的：

$.fn.rleft = function() {
    return this.animate({
        rotate: '-=45deg'
    });
};

在IE的所有版本中，情况都非常糟糕。旋转动画很糟糕，在这些图像被旋转后，它们的alpha透明度非常难看

是否有可能在IE8和IE7以及或多或少的IE6中实现这一点？。如果没有，我将被迫命令它在Flash中完成。但我想首先尝试使用css和javascript svg？来实现它？。对于使用不同的技术或js库，您有什么建议吗

提前感谢您的回答

编辑：我实际上没有找到在IE中使用CSS和JS旋转png图像的解决方案。也就是说，所有的东西都是用Raphaël重做的，即使在IE 6中也非常好用

编辑2：拉斐尔的最终结果：

---

我使用了GIF图像，并用SVG Raphael代码掩盖了这些圆的粗糙边缘。

我强烈建议使用。Raphaël目前支持Firefox 3.0+、Safari 3.0+、Chrome 5.0+、Opera 9.5+和Internet Explorer 6.0+，非常易于使用，并且与JQuery配合使用良好。

我强烈建议使用。Raphaël目前支持Firefox 3.0+、Safari 3.0+、Chrome 5.0+、Opera 9.5+和Internet Explorer 6.0+，并且非常易于使用，与JQuery配合使用也很好。

在SVG中这样做可能是值得的。它将在包括IE9在内的所有浏览器中正常工作。对于IE<9，您可以使用。让SVG在不支持它的浏览器中工作是一个Flash垫片。

在SVG中这样做可能是值得的。它将在包括IE9在内的所有浏览器中正常工作。对于IE<9，您可以使用。让SVG在不支持SVG的浏览器中工作，这是一个Flash垫片。

如果您不在乎旧浏览器是否可以查看SVG，IE 9添加了transform属性：

-webkit-transform: rotate(15deg) /* for Safari/Chrome */
-moz-transform: rotate(15deg)    /* for Firfox */
-ms-transform: rotate(15deg)     /* for hated IE */
transform: rotate(15deg)         /* The way it should be. */

我找到了一个很好的JS

---

JS在文章的底部。

如果你不在乎老浏览器是否可以查看它，IE 9已经添加了transform属性：

-webkit-transform: rotate(15deg) /* for Safari/Chrome */
-moz-transform: rotate(15deg)    /* for Firfox */
-ms-transform: rotate(15deg)     /* for hated IE */
transform: rotate(15deg)         /* The way it should be. */

我找到了一个很好的JS

---

JS在文章的底部。

我在IE8上测试了这个网站，不透明度看起来很好…@Cybernate：很奇怪，我在几台计算机上测试了它。我用参考图片更新了这个问题。我之前并没有注意到IE8中的黑色边框。是的，你是对的，IE8显示了这些扭曲。我在IE8上测试了这个网站，不透明度看起来很好…@Cybernate：很奇怪，我在几台计算机上测试过它。我用参考图片更新了这个问题。我之前并没有注意到IE8中的黑色边框。是的，你是对的，IE8显示了这些扭曲。谢谢，我会查出来的。谢谢，我会查出来的。实际上他们需要对IE6+的支持。前面提到的拉斐尔，允许我这么做。谢谢你的回答。实际上他们需要IE 6+的支持。前面提到的拉斐尔，允许我这么做。谢谢你的回答。