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

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

<!--[if lt IE 7]>
<style>
h1 span {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.3800zz.com/tech/pm/200904/’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打包下载

原文链接