0

私は本当にいくつかの助けを使うことができました。このサイトhttp://medicalaid.orgで、別の開発者が去った後、私はそれを修正しようとしてきました。私が抱えている最後の問題は、Webkit アニメーションの半分を IE10 にロードできないことです。他のすべてのブラウザーは正常に動作し、事実上すべてのコンテンツ div にそれらがあります。たとえば、cssを書き直そうとしました：

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
        -moz-transform: scale(1.05); 
        -o-transform: scale(1.05); 
        -ms-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
        -moz-transform: scale(.9); 
        -o-transform: scale(.9); 
        -ms-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
         -moz-transform: scale(1); 
         -o-transform: scale(1); 
         -ms-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    -moz-animation-name: bounceIn; 
    -o-animation-name: bounceIn; 
    -ms-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

そして、私は何も動作させることができません。誰かが私を見て助けてくれたら素晴らしいと思います

4

2 に答える 2

0

css のプレフィックスのないバージョンを削除してみてください。

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
}
于 2015-01-09T20:25:03.333 に答える