博客园  :: 联系 :: 管理

【转】IE下模拟css3中的box-shadow(阴影)

Posted on 2010-11-08 17:07  独孤雁  阅读(212)  评论(0编辑  收藏  举报

 

 

 

【注:转自WEB前端开发

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(阴影)代码:

代码
.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/