IE9瀏覽器有CSS'轉換'嗎？

Question

關於jsfiddle http://jsfiddle.net/chrisloughnane/T9N3h/的一個例子

這個例子在opera，chrome和firefox中工作得很好，但我找不到IE的變換。

同樣在Firefox上，當有很多變換時，所有動畫都會停止。

http://toys.chrisloughnane.net/

有沒有更好的方法來解決這個問題？ TIA。

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();

});

Answer 1

是的，IE9支持CSS Transforms。 您只需添加-ms-前綴即可。

有關詳細信息，請訪問CanIUse網站 。

但是，它不支持Transitions，我在CSS代碼中看到了問題。 如果您需要在IE9（或更早版本）中支持CSS轉換，則可以使用CSS Sandpaper polyfill庫。