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

Question

我需要旋转 png 图像(一些圆盘)。这是在 jQuery 的帮助下完成的:

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

在 IE < 9 的所有版本中，事情都变得非常错误。旋转动画很糟糕，并且在旋转这些图像后，这些图像的 alpha 透明度发生了一些非常难看的事情。

是否可以在 IE 8 和 7(以及或多或少的 IE 6？)中实现此功能。如果没有，我将被迫命令它在 Flash 中完成。但我想首先尝试仅使用 css 和 javascript(svg？)来完成它。对于使用不同的技术或 js 库，您有什么技巧吗？

预先感谢您的任何回答。

编辑:我实际上没有找到使用 CSS 和 JS 在 IE 中旋转 png 图像的解决方案。也就是说，一切都使用 Raphaël 重做，即使在 IE 6 中也能很好地工作。

EDIT2:拉斐尔完成的最终结果:http://ipm-profil.de/diversity/我使用了 GIF 图像，并用 SVG(Raphael 代码)掩盖了那些圆圈的“粗糙边缘”。

Answer 1

我强烈推荐使用 Raphaël—JavaScript Library为了这。 Raphaël 目前支持 Firefox 3.0+、Safari 3.0+、Chrome 5.0+、Opera 9.5+ 和 Internet Explorer 6.0+，并且非常易于使用，并且与 JQuery 配合良好。