internet-explorer - 如何在 Internet Explorer 中旋转

Question

有没有办法在 IE 中旋转元素？我目前正在使用:

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

旋转元素，这在除 IE 之外的几乎所有浏览器中都有效，据我所知，IE 不支持此功能。还有其他选择吗？例如 JavaScript 或其他将启用旋转的 css 属性。

Answer 1

您可以使用:

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

旋转的值可以是 1、2、3 或 4。这些数字分别代表 90、180、270 或 360 度的旋转。

不幸的是，这种技术只支持以 90 度为增量进行旋转，这在尝试制作某些类型的动画或将鼠标悬停在效果上时肯定很烦人。

您还可以查看不太好用的 matrix 滤镜以获得其他旋转效果。这是一个很好的翻译工具，可以帮助您:

http://www.useragentman.com/IETransformsTranslator/