Тень у блоков посредством css

В css3 есть замечательное свойство box-shadow, но его не поддерживает Internet Explorer. Но как всегда для IE есть волшебный костыль
По-умолчанию тень у блоков прописывается следующим образом
.class {
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
box-shadow: 2px 2px 3px #969696;
}
где:
- 2px размер тени по горизонтали
- 2px размер тени по вертикали
- 3px радиус размытия
- #969696 цвет тени
Теперь, чтобы заработало и в IE (начиная с 6 версии), в стили дописываем следующее
.class {
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
box-shadow: 2px 2px 3px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}
Небольшой пример использования свойства box-shadow
тень у блока
Tweet


Комментарии
css3 супер штука предлагают срочно внедртить во всех браузерах и у всех пользователей в принудительном порядке ))
главное что в ИЕ работает. Хоть его и ругают, но для такого древнего браузера как 6 осел такие эффекты просто супер
СПАСИБО БОЛЬШОЕ!
ОЧ КРУТО!
Спасибо,не знал такой способ для IE.
p.s исправьте: в первом поле не имя а комментарий.
О, круто! И не надо картинки использовать.
а у меня почему-то нигде, кроме Оперы не пашет((( проверяла в IE8 и Firefox
Анастасия, рекомендую попробовать
http://makexhtml.ru/2010/krossbrauzernyj-box-shadow-border-radius-i-linear-gradient/
mdss, спасибо огромное!!!! теперь все везде работает…правда, Мозилла что-то выпендривается…но буду искать решение дальше!
Спасибо большое!
Спасибо за пример.
Кстати классный дизайн у блога.