css - css3旋转在ie9中不起作用

Question

我发现这个有用的链接解释了 IE9 CSS3 变换中的旋转：旋转；在 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');
 }