为什么图像不能在IE 9中通过CSS参数旋转?

时间:2012-10-15 03:58:37

标签: javascript image rotation

我使用此功能旋转图像:

  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 /跟踪样式屏幕中。看起来,与Chrome不同,它不可能在IE中的DOM查看器中手动添加它。

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

1 个答案:

答案 0 :(得分:2)

IE9支持转换,如果它们是ms-prefixed,但IE8和更早版本不支持。由于您的代码中有ms-prefixed版本,因此可能的解释是您正在查看Compatibility Mode中的网站。