首页 > Web开发 > 详细

IE下类似css3 Text-shadow文字阴影的几种方法

时间:2015-12-01 21:09:01      阅读:318      评论:0      收藏:0      [点我收藏+]

一:ie9不支持css3text-shadow属性;

二:glow滤镜下的文字阴影效果

   Filter:glow(color=black,strength=5);

  实现效果就是5像素扩散大小的黑色光晕。但是效果不经人意,当换成灰色时候就会有毛边。

三: MotionBlur的滤镜下的文字阴影效果

    filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=145);

      用中文释义就是:145度方向上5像是大小的动感模糊。

  MotionBlur滤镜虽然有了方向性,也可以设定大小,但是,其模糊出来的投影颜色却只能是文字本身的颜色。也就是说,单单一个标签,一个滤镜是无法实现类似于文字白色,投影黑色这种效果的。

  但是,这种先天性的不足也是可以通过某些手段修复的。

四:采用两个一模一样颜色不同的文字进行重叠。

  这里的文字重叠是借助了absolute绝对定位元素的无高度性和无宽度性实现的。

五:采用两个一模一样颜色不同的文字进行重叠。

  通过margin负值让上下的文字出现1像素的偏移。

IE下类似css3 Text-shadow文字阴影的几种方法

原文:http://www.cnblogs.com/shineda/p/5011189.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!