Существуют ли универсальное JS решение для нормального отображения CSS в ie8?

Question

[Иван]

Собственно сделал сайт и был счастлив пока не посмотрел его в IE8 на ноуте с Win7.

Особенно, удручает что у многих еще стоит win7 с не обновленным IE8.

Переделывать всю верстку под IE8 честно лень...

Что делать?

Существуют ли универсальное подключаемое JS решение для нормального отображения CSS в ie8?

И что вы вообще делаете в таких случаях?

Возможно ли подключить разные css файлы в зависимости от используемого браузера, не используя PHP код?

Comments

[Nikolay Talanov]

Вам держат в заключении и заставляют верстать сайты под ие8 в 2015 году?

[Иван]

Nikolay Talanov: Нет но у многих моих знакомых еще стоит win7 и некоторые пользуются ie8 я думаю процент таких не мал в сети

[Nikolay Talanov]

Иван Сараев: У меня Win7 и тут сейчас стоит ie11. На win7 вообще ниже 9 ие вроде как не может быть, если мне не изменяет память. Ие8 это уровень Windows XP Service Pack 2/3 примерно.

Answer 1

[Алексей Николаев]

И что вы вообще делаете в таких случаях?

Создаю файлик ie8.less и начинаю обеспечивать кроссбраузерность. Причем этот файл создается в самом начале, и после завершения крупного элемента в современных браузерах (сетка, каталог и т.п.) дополняется и обновляется.

Универсального решения на JS нет.
Но есть универсальное решение на css2 и progressive enhacement (в вашем случае - graceful degradation).

Comments

[Иван]

А как вы разделяете CSS для IE8 и нормальных браузеров? Возможно ли подключить разные css файлы в зависимости от используемого браузера, не используя PHP код?

[Алексей Николаев]

Иван Сараев: почитайте про условные комментарии (с примерами)

[Иван]

Алексей Николаев: Спасибо! Нашел статью про них за несколько секунд до вашего комментария ))) Все-таки гугл рулит! Но вам отдельное спасибо за то что я начал думать в правильном направлении - об отдельном CSS для старых IE.

Answer 2

[Иван]

Ага я сам нашел решение

Для каждого типа браузера создается отдельный css файл и потом уже можно его подключать по необходимости.

Рассмотрим пример подключения отдельного файла стилей для Internet Explorer версии 7 и ниже.

Что мы здесь делаем?

подключение общих стилей

Установка стилей только для nternet Explorer версии 7 и ниже.

Основные конструкции:
[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]

Условия для версий:
lt — Ниже
lte — Ниже или равно
eq — Равно
gte — Выше или равно
gt — Выше

Comments

[Александр Петров]

Вот только условные комментарии поддерживает только ИЕ. И то только старые.

[Иван]

Александр Петров: да мне собственно это и нужно

[Александр Петров]

Просто зачем тогда перечислять все браузеры в « Поддерживаемые браузеры». Выглядит так, будто они все поддерживают условные комментарии :)

Answer 3

[Александр Таратин]

Нет.

Comments

[Иван]

((((((((( Печально. А что вы обычно делаете в таких случаях - забиваете на пользователей ie8 или стараетесь сделать совместимость с помощью кучи костылей?

[trueClearThinker]

Есть такое понятие, как деградация дизайна. Для устаревших браузеров сайт будет выглядеть и работать с урезанным функционалом и эффектами, но информацию можно воспринимать без проблем.

[Александр Таратин]

Иван Сараев: В ie8 есть все что нужно для отображения сайта в читабельном виде. (все блоки на месте). Что подразумеваете под кучей костылей? На тенюшки и круглые уголки забиваю. flexbox-ы, медиа запросы не использую нигде. SVG картинки можно тоже просто скрыть. Для градиентов www.colorzilla.com/gradient-editor для трансформаций www.useragentman.com/IETransformsTranslator

[Иван]

Александр Таратин: У меня в частности не масштабируются картинки в процентах, и не работают градиенты... Выравнивание justify почему то стало по центру. Да и медиа запросы нужны для адаптивности... Вообще многие вещи выглядят странно, я еще до конца не разобрался почему так.

Answer 4

[Саша]

Сверстал блок - затестил во всех браузерах.
Сверстал страницу - затестил во всех браузерах.
Сделал респонсив первой страницы - затестил на девайсах.
Подобная схема позволяет сразу отловить и пофиксить баг, в сравнении с вашим случаем, когда проект готов, а багов много и не понятно, что откуда и почему бажит.

Для ИЕ9- можно создать отдельный css файл, подключить в секции , но как правило это костыли, а значит не сильно приемлимо.
Сделайте заглушку для ИЕ9- с ссылкой на скачивание Хрома или Firefox.

Comments

[Иван]

не ну не все так плохо - проект то еще не в сети - есть время еще

[Иван]

про заглушку повеселило )) ие мастдай

[Саша]

Иван Сараев: Ну не оставлять же для ИЕ версию сайта которая попросту нормально не будет отображаться, поэтому заглушка)

[Саша]

Иван Сараев: например такую