大家都知道文字阴影效果使用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]