CSS-хаки для Internet Explorer

В этой статье описан способ отделения стилей для Интернет Эксплорера в одном и том же файле.

Все дело в том, что только Интернет Эксплорер прочтет свойства в файлах стилей, отмеченные с помощью двойного слэша ( // ).

Соответственно при описывании стиля для того или иного элемента нужно описать все свойства, а в конце дописать исправления для IE, выделив их двойным слэшем.

 

#some_block{
width: 130px; - Все браузеры
//width: 100px; - Интернет Эксплорер
}

Любой браузер игнорирует эти свойства, а Интернет Эксплорер прочтет и имплементирует.

 

Так же существуют ещё и другие хаки. Смотрим ниже: 

 

.class{
attribute:property; - читается всеми браузерами
*attribute:property; - читается всеми версиями Интернет Эксплорера
_attribute:property; - читается только 6-ой версией Интернет Эксплорера.
}

 

Соответственно в первом случае идет описание для Firefox, во втором для 7 Интернет Эксплорера, а в третьем исправление для 6-ой версии, если нужно.