CSS ошибка Transition валидации и поддержка/решение для старых браузеров

Question

Пожалуйста, смотрите мой сайт на http://www.visioville.fi/en/ для справки (visioville.fi/styles.css для последнего стиля)

• CSS3 Transitions были использованы в NewsBox Front страницы и в рабочих образцах (или в галерее). Они отлично работают в последних браузерах, но как насчет старых версий браузера (например, IE)? Есть ли код, который можно назначить только определенным браузерам (например, могу ли я сказать, что более старый браузер IE просто отображает изображение большой галереи без какого-либо «перехода», чтобы избежать проблем/разбитая галерея)?

• Является ли это проблемой, что я получаю ошибки от проверки CSS для всех переходов, например:

  .big ul li img Property transition doesn't exist : width 1s ease 
  

  и мой код говорит:

  .big ul li img { transition: width 1s ease; } 
  

Спасибо авансовый.

Answer 1

1. Самый лучший способ, чтобы сделать так, чтобы развиваться с прогрессирующим усилением. Это означает, что коротко: укажите свою галерею без JS и CSS3 (например, откройте изображение в новом окне), затем примените CSS3, а затем JS.

2. Нет ничего плохого в вашем css. Переходная собственность по-прежнему находится в рабочем проекте и поэтому официально не завершена. Вот почему валидатор w3c не знает, что новое свойство или идентификатор не знает этого css-стенографического кода.

Answer 2

Поскольку браузеры oldrr ​​не поддерживают переход, они просто игнорируют его, и изменение стиля произойдет без анимации.

Что касается проверки: Я думаю, это потому, что это может быть потому, что ваш валидатор не проверяет для css3? Также убедитесь, что вы используете префиксы te vendor (например, -webkit-) или скрипт типа -prefix-free, чтобы добавить их динамически.