Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

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

Автор вопроса: dalgardОтветов: 1

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

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

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

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

  • Тот же результат дает использование ключевого слова "право" вместо процента. dalgard 12.06.2013
  • О, я должен отметить (на случай, если MS читает): я впервые обнаружил ошибку на довольно сложной странице, которую я создавал, но в этом случае (не с демо), один раз в каждые ~15 обновляет несколько элементов, которые на самом деле анимировались так, как должны! Так странно..... dalgard 12.06.2013

css-animationsbackground-imageinternet-explorer-10background-position

Ответы

Ответ 1 · рейтинг 1 · thelinsky

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

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы