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 website。

但它不支持Transitions，我在CSS代码中看到了问题。如果您需要在IE9（或更早版本）中支持CSS转换，则可以使用CSS Sandpaper polyfill库。

IE9浏览器有CSS'转换'吗？

1 个答案: