IE的盒子阴影效果

Question

这是为IE做盒子阴影的正确方法吗？这可以在您的计算机上运行吗？

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

Answer 1

Pre-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

我更喜欢使用CSS3 PIE（http://css3pie.com）而不是DropShadow过滤器;当您开始添加模糊时，过滤器很难在其他浏览器上看起来像CSS3 box-shadow。 CSS3 PIE的box-shadow实现与其他浏览器非常相似，另外一个好处是它与border-radius一起使用（阴影形状是圆形的，以匹配背景/边框的圆角。）

Answer 3

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);