随身笔记
随身笔记

IE浏览器使用滤镜filter:Shadow实现文字阴影效果

大家都知道文字阴影效果使用text-shadow属性控制,但是由于此属性是CSS3的属性只有兼容此效果的火狐和谷歌浏览器和IE10可以显示,但IE6/IE7/IE8/IE9不显示此效果,前端工程师们为了让低版本的浏览器能支持CSS3的效果开发出了一个jquery插件只要加载即可以支持CSS3属性效果。可以跳转到以下链接下载此jquery插件:
《jquery实现圆角阴影效果》
或者利用滤镜属性实现阴影效果filter:Shadow此属性只适用于IE浏览器css代码如下:

[code]<html>

<head></head>

<body>

<h1 Style=”filter:Shadow(color=#808080, direction=135);

height=30″ align=”center”>

<font face=”楷体_GB2312″ color=”#0000FF”>Shadow滤镜演示</font>

</h1>

<p align=”center”>

<img Style=”filter:Shadow(color=#808080, direction=135)”;

src=”82b45674271cea33.gif”> </p>

<center><FONT SIZE=+2>下图无滤镜</FONT><BR>

<img src=”82b45674271cea33.gif”> </center>

</body>

</html>[/code]

 
效果如图:

lvjing

没有标签
首页      前端资源      css基础教程      IE浏览器使用滤镜filter:Shadow实现文字阴影效果

随身笔记

IE浏览器使用滤镜filter:Shadow实现文字阴影效果
大家都知道文字阴影效果使用text-shadow属性控制,但是由于此属性是CSS3的属性只有兼容此效果的火狐和谷歌浏览器和IE10可以显示,但IE6/IE7/IE8/IE9不显示此效果,前端工程师们为了让低版…
扫描二维码继续阅读
2013-05-27