罕見的IE10錯誤：背景位置的CSS動畫失敗，具有多個背景和百分比

Question

這是一個非常具體的錯誤 - 但是，我希望有人向我展示解決方法！這個錯誤基本上是由在IE10沒有做的background-position CSS動畫，當這兩個條件同時滿足：

• 擁有多個背景
• 百分比設置background-position

這裏有一個演示，與IE10比較Chrome：

http://codepen.io/dalgard/pen/LiyIK

Answer 1

您需要在零後放置一個百分比符號。 它必須是這樣的：

@keyframes move { 
    0% { background-position: 0%, 0%; } 
    100% { background-position: 0%, 100%; } 
}