internet-explorer-10 - 罕见的 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%; }
}