Поддерживает ли Internet Explorer переходы CSS?

CSS-переходы — это очень удобный способ анимации изменений свойств CSS. Поддерживают ли их какие-либо версии Internet Explorer?


css css-transitions internet-explorer
person David Johnstone    schedule 24.02.2011    source источник

Ответы (3)


arrow_upward
181
arrow_downward

Страница, на которую вы ссылаетесь, имеет таблицу совместимости.

Chrome
    1.0 (-webkit prefix)

Firefox
    4.0 (2.0) (-moz prefix)
    16.0 (16.0) (no prefix)

Internet Explorer
    10.0 (no prefix)

Opera
    10.5 (-o prefix)  
    12.0 (no prefix)

Safari
    3.2 (-webkit prefix)

В MSDN есть статья о CSS3. переходы в Internet Explorer.

person Pekka    schedule 24.02.2011
comment
конечно, pp7 уже не самая последняя версия IE9. Но он появился достаточно недавно, чтобы иметь все основные функции, которые будет иметь IE9, когда он будет запущен. MS строго относится к реализации функций только с окончательной спецификацией; Переходы CSS еще не завершены, поэтому в IE9 их не будет (а также, следовательно, почему все браузеры, которые их реализуют, используют префикс поставщика для свойства). - person Spudley; 24.02.2011
comment
Ладно, не буду врать — я знал ответ, но был удивлен, что не смог найти ответ здесь, на Stack Overflow :-) - person David Johnstone; 24.02.2011
comment
Переходы CSS обещают для IE10 (хотя текущая предварительная версия их не поддерживает). blogs.msdn.com/b/ie/archive/2011/04/12/ - person David Johnstone; 29.06.2011
comment
этот сайт findMeByIP кажется отличным, но устаревшим (последняя версия Firefox 4). Кроме того, IE настолько плох, и работать с ним было так больно, что мне захотелось создать вирус, который бы молча заменял ie на chrome. - person lucascaro; 08.11.2011
comment
Я заметил, что transition работает у меня на локальном хосте с <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">, но не когда я удаляю это и помещаю на сервер... Странно. (Глядя на это еще немного) - person Tom Pietrosanti; 27.07.2012
comment
@NickBedford: По моему опыту, у IE9 нет серьезных проблем с соблюдением стандартов. Проблемы в основном представляют собой причудливые эффекты, которые не очень важны для общего дизайна веб-сайта. Это означает, что проблемы, которые все еще остаются, находятся в категории Сайт работает - не беспокойтесь. Отсутствующая функция дизайна настолько незначительна, что не стоит пытаться найти обходной путь для IE. - person awe; 09.01.2013

arrow_upward
3
arrow_downward

Я рекомендую использовать http://caniuse.com/ для проверки поддержки и совместимости функций html/css, так как это отображать данные большинства браузеров о доле рынка.

Вот ссылка на переходы: http://caniuse.com/#search=transitions

Для более старых версий IE существуют различные полифиллы, которые вы можете найти на богатом сайте www.

person CatalinBerta    schedule 27.01.2015

arrow_upward
2
arrow_downward

В IE8 нет встроенной поддержки преобразований и переходов CSS.

Возможно, вам нужно использовать некоторые доступные библиотеки JavaScript для создания таких эффектов:

  • www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/#more-896
  • www.jqueryui.com/эффект/

Компромисс: переходы CSS используют встроенное графическое ускорение браузера (GPU) и, таким образом, более плавные, чем при использовании эффектов JavaScript.

person rach8garg    schedule 23.01.2014
comment
блог useragentman в основном посвящен преобразованиям, а не переходам... в качестве альтернативы я мог бы упомянуть jquery animate() - person commonpike; 05.03.2014