Question

我发现这个有用的链接解释了IE9中的旋转 CSS3 transform: rotate; in IE9

不幸的是，使用其中任何一种都不起作用

.mark.festival:hover{
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

我已经在各个地方看到这两个规则都适用于IE9，虽然我读到你需要-ms前缀

http://www.wanderfest.com是您要查看的链接

网站未处于此处建议的怪癖模式

http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/2567faea-fcea-4ddf-9116-1e2c703ee2e7/

Answer 1

caniuse.com上的支持有一个警告：你需要使用MS的filter：这个翻译器会将CSS3转换转换为MS矩阵用于过滤器：http://www.useragentman.com/IETransformsTranslator/

示例：

 #transformedObject {
      -moz-transform:    rotate(360deg);
      -o-transform:      rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform:         rotate(360deg);

      /* IE8+ - must be on one line, unfortunately */ 
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";

      /* IE6 and 7 */ 
      filter: progid:DXImageTransform.Microsoft.Matrix(
           M11=1,
           M12=0,
           M21=0,
           M22=1,
           SizingMethod='auto expand');
 }

css3旋转不在ie9中工作

1 个答案: