Демо IE7.js

На этом сайте IE7.js подключён для IE старше 8 (так, как написано в разделе «Как подключить»). Ниже пять приёмов из CSS, которых IE6 сам не знает. В Opera, Firefox и современных браузерах они работают без всякой библиотеки, а в IE6 - благодаря ей.

Чтобы увидеть, как было бы без библиотеки, откройте эту же страницу с ?ie7_off в IE6.

1. :hover у блока

IE6 понимает :hover только у ссылок. Правило: div.hv:hover { background-color: #FFCC00; }

2. Селектор >

• Пункт первого уровня
  • вложенный пункт
  • вложенный пункт
• Пункт первого уровня

Пункты первого уровня зелёные и жирные, вложенные - обычные красные. Если все красные, браузер не понял ul.ch > li.

3. Селектор по атрибуту

Красная рамка только у текстового поля, у кнопки - обычная. Правило: input[type="text"].

4. max-width

Без библиотеки IE6 растянет его на всю ширину.

5. :first-child

• Первый пункт - жирный и синий
• второй - обычный
• третий - обычный