您的位置：首页 > Web前端 > CSS

IE下模拟css3中的box-shadow（阴影）

2011-09-14 16:30 721 查看
css3中的box-shadow（阴影）可以查看：http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html

在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜

基本语法：filter:progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);

注意：该滤镜必须配合background属性一起使用，否则该滤镜失效。

IE下模拟css3中的box-shadow（阴影）代码：

01
.box-shadow{
02
03
filter:
progid:DXImageTransform.Microsoft.Shadow(color=
'#969696'
,
Direction=
135
,
Strength=
5
);
/*for
ie6,7,8*/
04
05
background-color
:
#eee
;
06
07
-moz-box-shadow:
2px
2px
5px
#969696
;
/*firefox*/
08
09
-webkit-box-shadow:
2px
2px
5px
#969696
;
/*webkit*/
10
11
box-shadow:
2px
2px
5px
#969696
;
/*opera或ie9*/
12
13
}
演示地址：http://www.css88.com/demo/box-shadow/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航