Замена файла стилей для IE

Напоминаю, основной код пишется для FF, а исправления в отдельном файле для IE импортятся этим кодом. ;)

<!--[if IE]>     <style type="text/css" media="all">@import url('ie.css');</style> <![endif]-->

Соответственно для Internet Explorer 7 условный комментарий выглядит так:

<!--[if IE 7]>     <style type="text/css" media="all">@import url('ie7.css');</style> <![endif]-->
Эта запись была опубликована в рубрике CSS. Вы можете следить за комментариями к этой записи.

Комментарии

  1. neutrino написал:

    Conditional Comments рулят

  2. Begemot написал:

    На практике обычно лучше использовать немножко другой код. Вместо if IE писать if lte IE, что понимается эксплорером как правила для указанной версии и всех более ранних. Так что можно просто написать if lte IE 7 для изменений, которые нужны для всех существующих эксплореров. Либо если 7-й вашу верстку понимает правильно, тогда if lte IE 6.

  3. neutrino написал:

    Begemot

    То есть если я напишу только if IE, то он не будет восприниматься всеми браузерами семейства мелкомягких? По-моему будет.
    Да и как то логичнее писать правило для всех, а потом отдельно для исключения.

  4. Inn написал:

    За совет спасибо!

  5. Рефлекс_Печати написал:

    упс.. забыла заэскейпить;
    когда мы прописываем ссылки на талблицы стилей через if IE, то интренет-эксплорер, как я поняла, все остальные таблицы стилей не учитывает? или учитывает, но overrides правила, которые указаны в них, если задаются теже свойства в файлах для эксплорера? или другой вариант?

    • Uncle Chu написал:

      Учитывает точно так же, как если бы вы просто по коду без этих conditional comments написали включение стилей. Следовательно, если ниже по коду – то они приоритетнее, если только не выставлено !important у свойств выше по коду.

Leave a Reply

Your email is never published nor shared. Required fields are marked *

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>