CSS файлове само за IE
Използването на условни коментари (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
March 13th, 2009 at 12:27 am
[...] processing GSearch.setOnLoadCallback(LoadBlogBar); « За малките пропуски CSS файлове само за IE [...]
June 16th, 2009 at 3:06 pm
Условните коментари са много полезни. Не само за css файлове, но и за други неща. Например за js файлове. Елементарен пример – тъй като старите ИЕ не поддържат :hover освен на линк, този ефект може да се направи с js във файл, който да се зарежда само в определени версии на ИЕ.
July 29th, 2009 at 9:52 am
Е да, но на мен нещо не ми работят и не разбирам защо,явно някой js скрипт му прави нещо ,знам ли.Проблема е че като напиша
за ИЕ6 само нали,го четат всички ИЕ-та -7,8…,което не ми върши работа. Някаква идея защо така се случва?
хубав ден
July 29th, 2009 at 10:47 pm
Здравей,
Вероятно кода, който си пуснала е променен от формата за изпращане на коментар и не мога да преценя дали има нещо, което не е както трябва, но можеш да видиш пример, който направих набързо и работи коректно при мен – пример за използване на условни коментари. Ако не успяваш да се справиш, може да дадеш линк към въпросната страница за да се опитам да открия къде точно е проблема.