Расширенный сборник 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

LiveCycle: хорошее подспорье для разработчиков Adobe LiveCycle Enterprise Suite, последняя версия которого вышла в ноябре, представляет собой набор веб-сервисов, которые позволяют организациям ст...

Гонимые облаком Конечно же, не все продукты Microsoft одинаково популярны, но чтобы так быстро выпал из общей линейки продуктов, выпускаемых компанией, набор сервер...

3D API для Flash Player Adobe Systems, не смотря на регулярную критику своей технологии Flash, продолжает модернизировать и развивать продукты на ее основе. Компания не ост...

Как бы шифрование Одной из функций новых телефонных аппаратов iPhone 3GS является аппаратное шифрование данных, что вроде бы должно создавать у потребителей впечатлен...

Совместная работа над кодом в компании Google Во второй главе книги «Coders at Work», Брэд Фицпатрик (Brad Fitzpatrick) — автор Live Journal, а сейчас сотрудник компании Google, помимо всяких ин...