Тень в IE9

автор Ксандра Май 18th 2014, 20:19

Подскажите плиз, что нужно приписать в CSS для отображения тени в IE9 для аватар на главной, я кажется, уже что только не приставила (со своими значениями в Pun)
-webkit-box-shadow:
-khtml-box-shadow:
-moz-box-shadow:
-o-box-shadow:
-ms-box-shadow:

в других браузерах появилась, а этот самый проблемный. К слову, в темах тень на этом браузере есть, когда ставила рамку для аватар

автор **Dana Domirani** Май 18th 2014, 21:38

Ксандра, смотрите тут

Браузеры
Safari до версии 5.1, Chrome до версии 10.0, Android до версии 4.0 и iOS Safari до версии 5.0 поддерживают свойство -webkit-box-shadow.

Firefox до версии 4.0 поддерживает свойство -moz-box-shadow.

Internet Explorer до версии 9.0 не поддерживает свойство box-shadow, взамен можно использовать нестандартное свойство filter:

Код:
filter: progid:DXImageTransform.Microsoft.dropshadow(offX=5, offY=5, color=#000000);

Здесь: offX — смещение тени по горизонтали; offY — смещение тени по вертикали; color — цвет тени.

Применение фильтра dropshadow дает четкую резкую тень, поэтому для эффекта размытия можно использовать фильтр shadow.

Код:
filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=10);

Здесь: direction — угол направления тени от 0 до 360°; color — цвет тени; strength — смещение тени в пикселах.

автор Ксандра Май 18th 2014, 23:11

Дана, СПАСИБО! 1 вар. сработал d_daisy

, второй ничего не изменял ни сам, ни вместе с 1.
А можно спросить, я там в комментах прочитала, но понять не могу, что и где надо вкл/откл, куда зайти, чтобы проделать то о чем говорят, вдруг поможет

Спойлер:

Тень в IE9

Тень в IE9

Re: Тень в IE9

Re: Тень в IE9