box-shadow兼容ie版本

最新推荐文章于 2021-08-03 20:19:41 发布

壹间show

最新推荐文章于 2021-08-03 20:19:41 发布

阅读量1.2w

点赞数

分类专栏： CSS3 HTML5

本文链接：https://blog.csdn.net/xpf_show/article/details/37510895

版权

很多时候，想ie兼容css3的一些新的属性如box-radius,box-shadow,都会选择用ie-css3.htc,在这里，偶有发现了一个方法

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*/
}

filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696‘/*颜色数值*/,Direction=135/*阴影角度*/,strength=5；/*阴影半径*/）;