Комментарии 11
Еще один выход не грузить дважды для нормальных браузеров использовать условные комментарии для ИЕ, и использовать отдельные файлы CSS.
Вся загвоздка теперь заключается в том, что у нас нет хаков, позволяющих не показывать часть HTML-кода только для IE
Есть:
<!--[if !IE]>-->I'm not IE<!--<![endif]>-->
хочу немного подправить, вот так правильнее (без > после [endif])
<!--[if !IE]>-->I'm not IE<!--<![endif]-->
иначе условные коментарии псоле вашего варианта ИЕ интерпретирует как !IE
т.е. в вашем случае
<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]>-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->
addon.ie.css не подключится
а так
<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->
будет все ок
<!--[if !IE]>-->I'm not IE<!--<![endif]-->
иначе условные коментарии псоле вашего варианта ИЕ интерпретирует как !IE
т.е. в вашем случае
<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]>-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->
addon.ie.css не подключится
а так
<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->
будет все ок
мммм
нечеловеческое просто спасибо (плюсик не в состоянии), что напомнили об этом способе.
как раз думал как свои иконки вставить в скрипт. реализовал. удовлетворен :)
нечеловеческое просто спасибо (плюсик не в состоянии), что напомнили об этом способе.
как раз думал как свои иконки вставить в скрипт. реализовал. удовлетворен :)
отлично, спасибо!
получается что вы заставляете обладателей обоих браузеров скачивать в одном файле картинки для и тех и других браузеров? это меньшее зло против одного лишнего запроса для ie?
размер CSS-файла от этого не только не увеличивается, а даже уменьшается, как я указал в статье. При чем здесь "меньшее зло"?
Это был мой скептический вопрос...
Однако, я как всегда был невнимателен, потому что пропустил про эффективное в данном случае gzip сжатие. но я думаю я это сделал подсознательно, потому что использую css там где настроить сервер на сжатие нельзя
Первый же скептический вопрос, который каждый уважающий себя оптимизатор задаст: как можно эти картинки выводить только один раз в CSS-файле (внимательный читатель уже заметил, что base64-строка появляется там дважды)?
Однако, я как всегда был невнимателен, потому что пропустил про эффективное в данном случае gzip сжатие. но я думаю я это сделал подсознательно, потому что использую css там где настроить сервер на сжатие нельзя
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Кроссбраузерное использование data: URL