码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-12-01 21:09:54      阅读:237      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!