Редкая ошибка IE10: CSS-анимация background-position не работает с несколькими фонами и процентами

Это очень специфическая ошибка, однако я бы хотел, чтобы кто-нибудь показал мне обходной путь! Ошибка в основном заключается в том, что IE10 не может выполнить CSS-анимацию background-position, когда эти два условия выполняются одновременно:

  • Наличие нескольких фонов
  • Установка background-position в процентах

Вот демо, сравните Chrome с IE10:

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


css-animations background-image internet-explorer-10 background-position
person dalgard    schedule 11.06.2013    source источник
comment
Тот же результат дает использование ключевого слова «право» вместо процента.   -  person dalgard    schedule 12.06.2013
comment
О, я должен отметить (на случай, если MS читает): я впервые обнаружил ошибку на довольно сложной странице, которую я создавал, но в этом случае (не с демо), один раз в каждые ~15 обновляет несколько элементов, которые на самом деле анимировались так, как должны! Так странно.....   -  person dalgard    schedule 12.06.2013

Ответы (1)


arrow_upward
1
arrow_downward

После нулей нужно поставить знак процента. Должно быть так:

@keyframes move {
  0% { background-position: 0%, 0%; }
  100% { background-position: 0%, 100%; }
}
person thelinsky    schedule 09.08.2013