如何使用原型在IE8中旋轉圖像？

Question

卡在原型上。 這是一個jsfiddle，但是您必須使用DRAFT功能（ http://doc.jsfiddle.net/basic/introduction.html#draft-page ）才能在IE8中看到它。 http://jsfiddle.net/trevordixon/7rxaE/

<image id="spinner" src="http://cdn3.iconfinder.com/data/icons/transfers/100/239327-loading_spinner-32.png">
<script>
    var angle = 0;
    setInterval(function() {
        angle += 0.1;

        $('spinner').setStyle({
            '-ms-filter': '"progid:DXImageTransform.Microsoft.Matrix(' +
                            'SizingMethod = \'auto expand\', ' +
                            'M11 = ' + Math.cos(angle) + ', ' +
                            'M12 = ' + -Math.sin(angle) + ', ' +
                            'M21 = ' + Math.sin(angle) + ', ' +
                            'M22 = ' + Math.cos(angle) + ')"'
        });
    }, 16);
</script>

我願意為紡紗廠提供更好的主意； gif動畫對我不起作用有多種原因。

Answer 1

刪除-ms-和“ -ms-使用：

filter: property

語法，而不是較新的語法。

-ms-filter: "property"