IE下模拟css3中的box-shadow(阴影)效果代码
发布时间：2013-09-11 17:35:19 作者：佚名 
我要评论
我要评论在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜来实现，需要注意的是该滤镜必须配合background属性一起使用，否则该滤镜失效
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜
基本语法：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*/
}
演示地址：http://www.css88.com/demo/box-shadow/
基本语法：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*/
}
演示地址：http://www.css88.com/demo/box-shadow/
相关文章
css3 box-shadow阴影(外阴影与外发光)图示讲解
这篇文章主要介绍了css3 box-shadow阴影(外阴影与外发光)，通过五个测试通过图片展示了阴影的不同位置不同效果,需要的朋友可以参考下2017-08-11- 这篇文章主要介绍了详解CSS3阴影 box-shadow的使用和技巧总结 ,具有一定的参考价值，有需要的可以了解一下。2016-12-03
- 下面小编就为大家带来一篇关于CSS3文本阴影text-shadow属性详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-08-08
详解CSS3的box-shadow属性制作边框阴影效果的方法
这篇文章主要介绍了CSS3的box-shadow属性制作边框阴影效果的方法,box-shadow属性还是十分强大的,能设定阴影的水平或垂直位置,以及阴影的颜色和尺寸等,需要的朋友可以参考下2016-05-10CSS3实现千变万化的文字阴影text-shadow效果设计
这篇文章主要介绍了CSS3实现千变万化的文字阴影text-shadow效果设计的相关资料，感兴趣的小伙伴们可以参考一下2016-04-26- 这篇文章主要介绍了CSS3 text-shadow实现文字阴影效果的方法，丰富文字排版布局美化效果，感兴趣的小伙伴们可以参考一下2016-02-24
- 最近在整理学习CSS3的一些小知识，现在已经整理了CSS3选择器，CSS3圆角和CSS3元素阴影属性的使用方法了。今天为大家整理一下CSS3中的字体阴影——text-shadow的使用方法。2016-01-08
- 这篇文章主要介绍了举例详解CSS中的text-shadow文字阴影效果使用,text-shadow的运用是CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-19
css实现跨浏览器的box-shadow盒阴影效果告别图片实现类似效果(2)
前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜，但是使用的是shadow滤镜，这种滤镜的效果很牵强，效果过渡不自然.而本文实现的IE下的盒阴影效果就相对非常自然，而且2013-01-08- 前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法,需要了解的朋友可以详细2012-12-25
最新评论