javascript - 为什么图像不通过 IE 9 中的 CSS 参数旋转？

Question

我使用这个函数来旋转图像：

  xrotate: function (object, degrees) {
      object.css({
    '-webkit-transform' : 'rotate('+degrees+'deg)',
       '-moz-transform' : 'rotate('+degrees+'deg)',
        '-ms-transform' : 'rotate('+degrees+'deg)',
         '-o-transform' : 'rotate('+degrees+'deg)',
            'transform' : 'rotate('+degrees+'deg)',
                 'zoom' : 1
      });
  }

它适用于 chrome、firefox、opera、safari，但不适用于 IE9。为什么不呢？

此样式根本不会出现在此图像的 DOM 查看器 HTML/Trace 样式屏幕中。看起来，与 chrome 不同，在 IE 的 DOM 查看器中手动添加它是不可能的。

PS：图像是 gif 12x12。以前，当我尝试使用相同的 svg 图像时，它根本没有显示，即使它应该在 IE 中受支持。

Answer 1

IE9 支持以 ms- 为前缀的转换，但 IE8 及更早版本不支持。由于您的代码中有 ms- 前缀版本，因此可能的解释是您正在以兼容模式查看该站点。