1. IE下有渐变滤镜,其他高级浏览器支持css3滤镜,这样在一些特殊的线性渐变的时可以省略图片的使用,看淘宝(taobao.com)首页估计已经应用了,果不其然摘录一些css:
#vip-xb .vip-xb_l { position:absolute; top:1px; left:-1px; width:1px; height:26px; background-image:-moz-linear-gradient(top, #e5e5e5, #f5f5f5); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e5e5', EndColorStr='#f5f5f5');
}
#vip-xb .vip-xb_r { position:absolute; top:1px; right:0; width:1px; height:26px; background-image:-moz-linear-gradient(top, #e5e5e5, #f5f5f5); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e5e5', EndColorStr='#f5f5f5');
}
此是首页导航右边的小边框(taobao真的很细啊)
对Gecko内核浏览器:
background-image:-moz-linear-gradient([<point> | | <angle>,]
http://www.css88.com/tool/css3Preview/Linear-Gradients-moz.html
对webkit内核浏览器:
background-image:-webkit-gradient(type,x1 y1, x2 y2, from(开始颜色值),to(结束颜色值), [color-stop(偏移量小数,停靠颜色值),...] );
http://www.css88.com/tool/css3Preview/Linear-Gradients.html
2. 看youa的css:
-webkit-font-smoothing:antialiased;
http://maxvoltar.com/archive/-webkit-font-smoothing
3. XML DOM 的normalize()函数:
合并相邻的 Text 节点并删除空的 Text 节点
http://www.cnblogs.com/rubylouvre/archive/2010/03/29/1699989.html
4.splitText函数,很少使用可以分割文本节点,返回分隔后的值:
http://www.w3school.com.cn/xmldom/met_text_splittext.asp