使用兼容 IE7/8 的 jquery 旋转图像

Posted 2023-05-08

【中文标题】使用兼容 IE7/8 的 jquery 旋转图像

【英文标题】：rotate image with jquery compatible with IE7/8

【发布时间】：2011-09-14 23:35:18

【问题描述】：

尝试了很多方式/插件，最吸引我的是jquery.rotate

但是，它在 Internet Explorer 7 和 8 中不起作用（至少对我而言）（图像会消失）。

我的目标是悬停图像并使其旋转动画，它适用于 Safari + Firefox，但不适用于 IE。

有没有办法实现这一点并与大多数浏览器和 IE 7 和 8 兼容？

编辑：最后结果证明 jQuery Rotate 和 Raphaël 都可以在 IE 7 和 8 中工作！直到今天我才有机会在真正的 IE 上测试它们。我在 IE Collection (http://utilu.com/IECollection/) 上都进行了测试，但它们绝对不能在那些模拟的 IE 中工作，真可惜！

【参考方案1】：

jqueryrotate 为我工作，但作为替代方案..

试试cssSandpaper：http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/

我能找到的最相关的演示：http://www.useragentman.com/tests/cssSandpaper/countdown.html

---

顺便说一句： Raphaël 在 IE7/8 中运行良好，is definitely capable of rotating an image.

Raphaël 目前支持 Firefox 3.0+、Safari 3.0+、Chrome 5.0+、 Opera 9.5+ 和 Internet Explorer 6.0+。

【讨论】：

我会认为你的回答是有效的，尽管最后这不是问题，因为 jQuery Rotate 和 Raphaël（如你所说）都在 IE 7 + 8 中工作。无论如何，感谢分享csssandpaper 链接！

【参考方案2】：

Raphael 是一个很棒的库，可以在 IE（使用 VML）和其他浏览器（使用 SVG）中工作。它可以旋转图像并处理透明度。

http://raphaeljs.com/

Internet Explorer 6、7 和 8

http://www.deepbluesky.com/asx/ie8.jpg

【讨论】：

我已经尝试过了，但它不适用于我的 IE 7 + 8，我开始认为我的 IE 已损坏... JS 错误显示“预期对象”

检查包含只有当包含出现问题时才会抛出“预期对象”错误

但是我浏览的是官方链接（你提供的那个），它可以在其他浏览器中使用。

问题是不支持旧版本的 IE，这就是原因

你在说什么？我请求了一个适用于 IE 7 + 8 的图像旋转解决方案，您使用显示 IE 不支持的屏幕截图编辑您的回复？我很清楚，我不知道用 IE 7 + 8 使图像旋转的方法，你在那些浏览器中尝试过 raphael 吗？