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 Styles 屏幕中。看起来，与 chrome 不同，不可能在 IE 的 DOM 查看器中手动添加它。

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

Answer 1

IE9 支持以 ms- 为前缀的转换，但 IE8 和更早版本不支持。由于您的代码中有 ms- 前缀版本，可能的解释是您正在查看 Compatibility Mode 中的站点。 .