Условные комментарии для ie
Все люди, которые хотя бы раз пробовали сверстать какую-нибудь страницу, или нажимали в браузере ctrl+U или даже просто лазили по интернетику, пользуясь разными браузерами, знают, что существуют нормальные браузеры, а существует IE, в разных воплощениях (6, 7 и 8). IE мало, что умеет, но самый главный его недостаток это его способность всё испортить. Микрософты как бы понимая, что создали монстра, постарались облегчить жизнь людям, дав возможность разработчикам использовать условные комментарии.
Выглядят условные комментарии вот так:
А когда через Виндовс на этот браузер были подсажены большие компании, в которых работают очень много всяких секретарей, бухгалтеров и остального «планктона» ежедневно пользующегося инетом, микрософт решил развивать свой браузер. Помимо 5-го, появились 6-й, 7-й и 8-й эксплореры, а технологи начали задерживаться на работах, и тут микрософты, как бы, прося извинений, за свою криворукость, подарили всем условные комментарии для разных версий ИЕ, выглядят они примерно так:
<!--[if IE]> CSS-ка для всех IE <![endif]-->
<!--[if IE 5]> CSS-ка для IE 5 <![endif]-->
<!--[if IE 5.0]> CSS-ка для IE 5.0 <![endif]-->
<!--[if IE 5.5]> CSS-ка для IE 5.5 <![endif]-->
<!--[if IE 6]> CSS-ка для IE 6 <![endif]-->
<!--[if IE 7]> CSS-ка для IE 7 <![endif]-->
Технически расшифровать эти комментарии можно так:
| Оператор | Значение |
| lt | less than > меньше чем |
| lte | less than or equal > меньше или равно |
| gt | greater than > больше чем |
| gte | greater than or equal > больше или равно |
Используя эту таблицу можно играться с написанием комментариев и придумывать в них разные условия, например:
<!--[if ! IE 7]><link rel="stylesheet" type="text/css" href="fuck-ie.css" /><![endif]-->
Для 5.5, 6-го, 7-го или 8-го ие: v
<!--[if gt IE 5.0]><link rel="stylesheet" type="text/css" href="fuck-ie.css" /><![endif]-->
Для 5-го, 5.5, 6-го ие: v
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="fuck-ie.css" /><![endif]-->