Дэн Эдвардс (Dean Edwards) решил облегчить жизнь веб-разработчикам. Он создал замечательную JavaScript-библиотеку, с помощью которой ИЕ5.5-8 ведут себя как браузеры, соответствующие веб-стандартам.
Скрипт IE7.js исправляет многие HTML и CSS проблемы, а также отсутствие поддержки прозрачности PNG-формата в ИE5 и ИE6 .
Размер не очень маленький ~ 40 Кб, но зато все селекторы и свойства CSS начинают работать так как надо! Теперь можно забыть про CSS-хаки и множество рутинной работы.
Как использовать скрипт IE7 Script.
Подключайте скрипт и наслаждайтесь кроссбраузерностью!
Есть одна особенность с прозрачностью в PNG. На страничке проекта написано:
The script only fixes images named: *-trans.png
If you want the fix to apply to all PNG images then set a global variable as follows:
var IE7_PNG_SUFFIX = ".png";
Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.
Т. е. изображения в формате PNG с прозрачностью надо называть *-trans.png
. Если же вы хотите, чтобы скрипт обрабатывал все PNG-изображения, нужно задать глобальное переменной IE7_PNG_SUFFIX
значение ".png"
.
Еще для .png есть скрипт (2 Кб) — работает с теми именами файлов, какие есть — PNG in Windows IE: How To Use.
Решения частных проблем
- Прозрачность PNG в IE6
- IE Png Fix
- Статья об использовании PNG и
background-position
в ИЕ6: cssing.org.ua/2008/10/01/clip-it-baby/ - Прозрачность PNG: pngfix.
:hover
не только для ссылок: expression .add-hover-class-for-any-elements.position: fixed
expression .position-fixed.- css с expression — решения для многих проблем в ИЕ.
- Тонкий CSS для Internet Explorer как альтернатива вышеуказанному скрипту Дэна Эдвардса.