Расширенный сборник CSS-хаков

Заметки - Фишки CSS

Статья является расширенным сборником CSS-хаков в сравнении с аналогичной статьей.
Под хаком подразумевается метод, позволяющий воспринимать CSS только определенному браузеру.
Хаки могут использоваться не только для исправления багов в верстке, но и в случае использования определенных особенностей браузера для ускорения рендеринга web-страницы в нём (к примеру CSS3-свойства)

Всем известные Conditional comments в IE

Несмотря на известность, в них есть много редко используемого.
Например таблица стилей, которая будет видна всем браузерам, кроме IE версий 5-8.

<!--[if !IE]--><link href= styles.css rel= stylesheet media= all /><!--[endif]-->

Conditional comments для 6, 7, 8й версии (8я версия тоже их поддерживает — не удивляйтесь):

<!--[if IE 6]><link href= ie6.css rel= stylesheet media= all /><![endif]-->

<!--[if IE 7]><link href= ie7.css rel= stylesheet media= all /><![endif]-->

<!--[if IE 8]><link href= ie8.css rel= stylesheet media= all /><![endif]-->

Другие хаки для IE

* html .class{background:red}

В случае если у html-страницы есть доктайп, этот хак работает только для IE6.
В случае quirks-mode, хак работает в IE6 и IE7.

*+html .class{background:red}

или

*:first-child+html .class{background:red}

В случае, если у html-страницы есть доктайп, этот хак работает в IE7.

Грязные хаки, работающие только в IE6

.class{
_background:red
}

.class{
-background:red
}

Грязные хаки, работающие только в IE7

-,.class{
background:red;
}

Грязные хаки, работающие в IE6 и IE7

.class{
*background:red
}

.class{
//background:red;
}

.class{background:red!ie}

Хак, работающий в IE6 и IE7 по аналогии со свойством !important.

 

---

Читайте:
Юникодовые имена селекторов Вкусный CSS: Sass + Compass Делаем красивые кнопочки Вместо тэга <noscript> стили .script и .noscript в CSS

Microsoft, инновации и откровенный флейм Учитывая то количество флейма которое летит в направлении Microsoft/.Net разработчиков, тот пост что я пишу сейчас надо было написать уже давно, даб...

ColdFusion 9 – новые технологии для создания web-приложений Компания Adobe Systems сообщила о выпуске трех новых технологий в рамках разработки платформы ColdFusion. ColdFusion 9 позволяет быстро создавать мо...

Командная строка на службе сервисов Google Не всем нравятся распрекрасные интерфейсы с большими кнопками и специальными элементами управления для ввода текста или загрузки файлов. Иногда прощ...

Google Web Toolkit Создание веб-приложений в наше время - это нудное занятие, при котором к тому же постоянно возникают ошибки. Разработчик может провести до 90% време...

Выход Adobe Reader для Android Adobe Systems сегодня объявила о начале официального распространения бесплатной версии Adobe Reader для операционной системы Android. Напоминаю, что...