随着html5的发展，一些css设计者肯定也在苦恼了，一些好看的阴影效果偏偏ie要反抗，简简单单的几句代码来放弃ie呢，还是切割图来配合ie...
无意间，我发现，用滤镜搭着，什么问题都可以解决，阴影不用图片也没问题，举个栗子：
基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);
注意：该滤镜必须配合background属性一起使用，否则该滤镜失效。
IE下模拟css3中的box-shadow（阴影）代码：
.box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/
background-color: #eee;
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}
效果：
外加：
例如：box-shadow: 0 1px 0 #4793DA inset, 0 1px 0 #0D4E86;表示右下阴影和左上阴影
posted on
