Javascript 旋转图像

我想在网页上旋转一个图像，使其以90度的间隔从四个方向旋转。我希望这种情况发生在客户端机器上。这可以用css实现吗？或者我需要使用JavaScript，我需要旋转背景图像，一个在页面上重复的模式。

您可以使用CSS3

退房

---

CSS3可以工作，但我关心的是遗留兼容性，在IE 9之前的版本上是行不通的

这是一个显而易见的解决方案，但这是服务器端，所以它实际上并不能解决您的难题

---

我想我会倾向于，这是一个做得很好的插件，与纯CSS解决方案相比，它在表示层上保持了简单性优势。就兼容性而言，它现在已经远远领先于纯CSS3<谢谢，微软。@tada；正如petah所说，您可以使用css3旋转属性

div{
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}

&对于IE，您可以使用IE过滤器：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

有关更多信息，请查看以下链接：

---

您可以使用ActiveX过滤器旋转IE9之前的元素，这只是一个难题@jeff，纯粹是我的观点，但任何需要针对特定浏览器的自定义解决方案都不是最好的选择。再说一次，这两款浏览器都没有使用10年前的版本，这是一款考虑不周的浏览器……如果IE能配合使用，那就太好了，但在那之前，IE总是需要定制“变通方法”。我甚至不认为这是一个解决办法-moz transform只适用于moz，filter只适用于IE。它们都是特定于供应商的。对此不确定……我至少有2年没有写过IE入侵网站的文章了。如果你对找到它们感兴趣，有一些不用绕过系统就能解决的方法。很高兴知道，以备将来参考。但要注意，IE 8或更低版本不支持。

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);