Box-shadow-effect для IE

Question

Это правильный способ сделать box-shadow для IE? Это работает на вашем компьютере?

filter:progid:DXImageTransform.Microsoft.DropShadow(color='#000000',offX='20',offY='20');

Answer 1

До IE 9:

filter: progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

После IE8:

-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)";

Answer 2

filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=0),
     progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=90),
     progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=180),
     progid:DXImageTransform.Microsoft.Shadow(Color=#ccc, Strength=10, Direction=270);

Answer 3

Я предпочитаю использовать CSS3 PIE (http://css3pie.com), а не фильтр DropShadow; фильтр очень трудно сделать похожим на CSS3 box-shadow в других браузерах, когда вы начинаете добавлять размытие. Реализация box3 shadow в CSS3 PIE в значительной степени идентичен другим браузерам и как дополнительное преимущество работает в сочетании с border-radius (форма тени округляется, чтобы соответствовать закругленным углам фона / границы).