Използването на условни коментари (conditional comments) за зареждане на специфични стилове за различните версии на браузъра Internet Explorer e алтернатива на по-често прилагания вариант с употребата на т.нар. хакове (CSS hacks). Ето как изглежда и самия метод:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
Този код се слага в хедъра на HTML документа, като е важно той да бъде след основния CSS файл. Всички стилове в него ще засягат само форматирането в IE, докато останалите браузъри ще „виждат“ единствено стиловете, които са извън тези условни коментари.
Също така е възможно да се зареждат различни стилове за различните версии на IE. Това става, чрез използването на следните възможности на условните коментари:
Само за IE 7:
<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->Само за IE 6:
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->Допълнителни възможности:
<!--[if lt IE 7]> - за версии на IE по-малки от 7<!--[if lte IE 6]> -за версии на IE по-малки или равни на 6<!--[if gt IE 6]> -за версии на IE по-големи от 6
Алтернатива на условните коментари – CSS хаковете (CSS hacks)
Още по темата от сайта на Microsoft: http://msdn.microsoft.com/en-us/library/ms537512.aspx
Условните коментари са много полезни. Не само за css файлове, но и за други неща. Например за js файлове. Елементарен пример – тъй като старите ИЕ не поддържат :hover освен на линк, този ефект може да се направи с js във файл, който да се зарежда само в определени версии на ИЕ. 🙂
Е да, но на мен нещо не ми работят и не разбирам защо,явно някой js скрипт му прави нещо ,знам ли.Проблема е че като напиша
за ИЕ6 само нали,го четат всички ИЕ-та -7,8…,което не ми върши работа. Някаква идея защо така се случва? 🙂
хубав ден
Здравей,
Вероятно кода, който си пуснала е променен от формата за изпращане на коментар и не мога да преценя дали има нещо, което не е както трябва, но можеш да видиш пример, който направих набързо и работи коректно при мен – пример за използване на условни коментари. Ако не успяваш да се справиш, може да дадеш линк към въпросната страница за да се опитам да открия къде точно е проблема.