IE9浏览器是否支持CSS的'transform'属性？

Question

一个在jsfiddle上的例子http://jsfiddle.net/chrisloughnane/T9N3h/

这个例子在Opera、Chrome和Firefox中都可以正常工作，但我找不到IE的转换方法。

另外，在Firefox中，当有很多变换时，所有动画都会停止。

http://toys.chrisloughnane.net/

我应该如何更好地处理这个问题？谢谢。

HTML

<div class="display"></div>

CSS

.display {
    background-image: url("http://toys.chrisloughnane.net/images/darkhand-small-50.png");
    height: 25px;
    width: 25px;
    -webkit-transition:all 400ms;   
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms; 
    position: absolute;
    top: 200px;
    left: 200px;
}

JavaScript

$(document).ready(function() {

    function getRandom(min, max) {
        return min + Math.floor(Math.random() * (max - min + 1));
    }

    function go() {

        var iCSS = ("rotate(" + getRandom(0, 359) + "deg)");

        $(".display").css({
            '-moz-transform': iCSS,
            '-o-transform': iCSS,
            '-webkit-transform': iCSS
        });

        setTimeout(go, 600);
    }

    go();

});

- chris loughnane

Answer 1

是的，IE9支持CSS Transforms。你只需要添加-ms-前缀。

有关更多信息，请参见CanIUse网站。

但是，它不支持转换，在你的CSS代码中看到这一点。如果你需要在IE9（或更早版本）中支持CSS转换，可以使用CSS Sandpaper polyfill库。

- Spudley