ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> CSS实现文本渐变效果

CSS实现文本渐变效果 (2)

来源:中国设计秀    作者:robin    点击:1994     加入收藏
关键字:css WEB标准

使它能够支持IE6

下面这个hack仅仅是让IE6支持透明PNG-24格式的图片.

<!--[if lt IE 7]>
<style>
h1 span {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}
</style>
<![endif]–>

jQuery生成版本

如果你不想在代码里有空的<span>标记, 那么你可以使用javascript来动态生成它. 这里是一个简单的jquery生产方法.

<script type="text/javascript" src="jquery.js" mce_src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  //prepend span tag to H1
  $("h1").prepend("<span></span>");
});
</script>

更多DEMO请点击

DEMO打包下载

原文链接

0
顶一下
[1] [2]
2008-02-14 14:23:31    出处:blueidea
Google
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口