internet-explorer-10 - まれな I​​E10 のバグ: 背景位置の CSS アニメーションが複数の背景とパーセンテージで失敗する

Question

これは非常に特殊なバグですが、誰かに回避策を教えてもらいたいです! background-positionこのバグは基本的に、次の 2 つの条件が同時に満たされた場合に IE10 が CSS アニメーションを実行できないことにあります。

• 複数のバックグラウンドを持つ
• background-positionパーセントで設定

これがデモです。Chrome と IE10 を比較してください。

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

Answer 1

ゼロの後にパーセント記号を付ける必要があります。そうでなければなりません：

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