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);
精彩评论