开发者

Box-shadow-effect for IE

Is this the right way to do a box-shadow for IE? Does this work on your computer?

filter:progid:DXImageTransform.Microsoft.DropShadow(color='#000000',offX='20',offY开发者_开发知识库='20');


Pre-IE 9:

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

Post-IE8:

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


I prefer to use CSS3 PIE (http://css3pie.com) rather than the DropShadow filter; the filter is very difficult to make look like CSS3 box-shadow on other browsers when you start adding blur. CSS3 PIE's box-shadow implementation is pretty much identical to other browsers, and as an added benefit it works in conjunction with border-radius (the shadow shape is rounded to match the rounded corners of the background/border.)


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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜