IE10沒有Webkit不工作

我真的可以使用一些幫助。在這個網站http://medicalaid.org我一直在嘗試修復它後，另一個開發人員離開。我得到的最後一個問題是我無法在IE10中加載一半的webkit動畫，所有其他瀏覽器都可以正常工作，幾乎所有的內容div都具有它們。我試圖重寫例如CSS：IE10沒有Webkit不工作

@-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; 
}

而且我不能得到任何工作，將是巨大的，如果有人可以來看看，幫我出

來源

2015-01-09 csuk1

（沒有downvote BRO）代碼片段不會在Chrome上運行。（編輯）哦，這不是代碼片段。如果你想添加一個你想要做的事情的例子，那麼使用一段代碼片段。否則，只需將其標記爲代碼即可。 – Will 2015-01-09 19:31:25

是我的錯，謝謝 – csuk1 2015-01-09 19:49:42

儘量去除前綴的版本您的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-09 20:25:03

這只是在Chrome瀏覽器中打破了網站，並沒有在IE – csuk1 2015-01-09 20:51:42

您需要定義的不僅僅是animation-name;你還需要提供持續時間。沒有這些信息，瀏覽器不知道動畫要持續多長時間。下面，我指出，整個動畫應該最後2秒：

.bounceIn.go { 
    animation: bounceIn 2s; 
}

的resulting animation大概是沿着你希望是什麼線。我定義了.go的樣式，這會使其變成綠色，並且四捨五入。

enter image description here

來源

2015-01-10 20:19:16 Sampson

IE10沒有Webkit不工作

回答

相關問題