Поддержка CSS3 в IE 6, 7 и 8
Всем известно, что IE 6, 7 не поддерживают новые свойства CSS3 и даже IE 8 ещё не полностью готов к поддержке CSS3. Так вот есть скрипт, фикс, который позволит реализовать поддержку CSS3 в IE (и даже в IE 6) новых свойств CSS3, в том числе таких, как: border-radius (закругление), box-shadow (тень), text-shadow (тень для текста).
Фикс прост в использовании. Например, у вас есть блок с контентом, для которого вы хотите сделать поддержку CSS3, и единственное, что вам нужно для этого - это добавить одну строчку:
behavior: url(ie-css3.htc);
CSS
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
Хотя есть некоторые проблемы с z-index и box-shadow (только с #000 цветом), но фикс реально очень полезный. Демо не стал переделывать, а даю ссылку на оригинал. Откройте демо в IE 6, 7 или 8. У картинки есть тень, у текста есть тень... Но доля пользователей со старыми версиями IE с каждым днём снижается, поэтому использовать данный фикс или нет, решать вам.
Ссылки