0

このコードを IE9 と Firefox で動作させようとしています。それはクロムで完全にうまく動作します

http://jsfiddle.net/THSdP/1/

@-webkit-keyframes spin {  
    from {  
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }  
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg); 
        -ms-transform: rotate(360deg);
        }  
    }
#rsSpinner{
        -webkit-animation-name: spin;  
        -webkit-animation-iteration-count: infinite;  
        -webkit-animation-timing-function: linear;  
        -webkit-animation-duration: 40s;
    }

コードはChromeのコードのみを示しており、そこで動作しますが、IEとFirefoxで他のプレフィックスセットを動作させることはできません.

4

2 に答える 2

3

firefox のアニメーション関数を定義していません。webkitとのみですms。そのため、Firefox と IE では機能しません。

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

もう 1 つのアドバイスは、接頭辞 free を定義の最後に置くことです。

作業コードは次のとおりです。http://jsfiddle.net/THSdP/5/

于 2013-10-02T07:43:58.593 に答える
1

これをIEに追加します

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
于 2013-10-02T07:36:16.840 に答える