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

【问题标题】：Rare IE10 bug: CSS animation of background-position fails with multiple backgrounds and percentage罕见的 IE10 错误：背景位置的 CSS 动画因多个背景和百分比而失败
【发布时间】：2013-06-07 20:51:33
【问题描述】：

这是一个非常具体的错误 - 但是，我希望有人向我展示解决方法！该错误主要在于 IE10 在同时满足这两个条件时无法进行background-position 的 CSS 动画：

拥有多种背景
以百分比设置background-position

这是一个演示，比较 Chrome 和 IE10：

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

【问题讨论】：

使用“正确”之类的关键字而不是百分比会得到相同的结果。
哦，我应该注意（如果 MS 正在阅读）：我首先在我正在构建的一个非常复杂的页面上发现了错误，但是在那种情况下（不是演示），每 15 次刷新一次，一些元素实际上确实像它们应该的那样动画！好奇怪.....

标签： internet-explorer-10 css-animations background-position background-image

【解决方案1】：

您需要在零后放置一个百分号。一定是这样的：

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

【讨论】：