Как скрыть стили от IE

Недавно случайно наткнулся на интересное поведение IE. Если стили подключать с помощью:


@import url(styles.css) all;

то Internet Explorer (как 6-ой так и 7-ой) не подключает эти файлы, в то время как все остальные браузеры обрабатывают это выражение правильно.

В html-файле подключаем стили так:


<style type="text/css">@import url(styles.css) all;</style>

Пример использования. Скрываем стили от IE6, но для IE7 и выше их делаем доступными:


<style type="text/css">@import url(styles.css) all;</style>
<!--[if gte IE 7]><link rel="stylesheet" type="text/css" href="styles.css" /><![endif]-->

Случаи для использования придумывайте сами. Думаю может быть полезным (вспомните борьбу с Netscape Navigator 4).

Александр
3 Февраля
Только что на днях наткнулся на похожую ситуацию. Не додумался до этого. Спасибо. ;-)
p.s. почаще бы таких статей...
Антон С.
27 Февраля
Объясните, а для чего подключать так @import url(styles.css) all;, в чем смысл?
Дима Фитискин
27 Февраля
Как я понял, смысл в том, что IE 6й и 7й версии не подключает эти файлы, а все остальные браузеры подключают.
Anonimous
2 марта
вот еще способ: <!--[if !IE]><--><link rel="stylesheet" type="text/css" href="style_no_ie.css" /><!--><![endif]-->. IE это игнорирует, все остальные - видят.
RedCube
29 июня
Кстати, дизайн в IE 6 немного коряв. Проверьте css файл.
Artemiy
18 августа
Благодарю. Как и всегда - отличный пост!