罕见的IE10错误：背景位置的CSS动画因多个背景和百分比而失败

Question

这是一个非常具体的错误 - 但是，我希望有人能告诉我一个解决方法！当这两个条件同时满足 时，IE10无法执行background-position的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%; }
}