Internet Explorer 11不允許在@keyframe內計算

我有一些代碼可以在DIV的寬度內來回跳動一些文本。Internet Explorer 11不允許在@keyframe內計算

雖然這個例子在Firefox，歌劇，Safari和Chrome的工作也不會在Internet Explorer中工作11

這個問題似乎是與計算正在被的的@keyframe區域內進行代碼

@keyframes slidein { 
    from { 
     transform: translateX(0); 
    } 
    to { 
     transform: translateX(calc(-100% + 250px)); 
    } 
}

請參閱的jsfiddle爲完整的例子：http://jsfiddle.net/Musicman/g7e34/5/

詩的問題是沒有關係我需要-ms-供應商前綴

謝謝！

來源

2014-02-24 Justin

[這]（http://connect.microsoft.com/IE/feedback/details/762719/css3-calc-bug-inside-transition-or-transform）顯然是自IE10以來的一個bug - 它已關閉（因爲無法修復），所以我認爲我們不會看到這項工作任何時候。 – Adrift

它仍然在這裏活躍：https://connect.microsoft.com/IE/feedback/details/814380/ –

我把它用在IE 10 + 11: CSS transitions with calc() do not work給出的答案在IE11（上W7 64位）與您的jsfiddle工作：

@keyframes slidein { 
    from { 
     transform:translateX(0); 
    } 
    to { 
     transform:translateX(-100%) translateX(250px); 
    } 
}

來源

2014-02-24 20:27:01

謝謝朋友...這是完美的工作，可悲的是我對..一個問題修復，另一個問題造成的。 IE忽略我的class.remove腳本..哇... IE是不是很好呃？ – Justin

@Justin IE總是悲劇。 – mystrdat

Internet Explorer 11不允許在@keyframe內計算

回答

相關問題