使用css的sprite

将所有的需要用的图标放置于一个图片之上，这样减少了向服务器请求的次数，可以减轻服务器的负担，这样称之为css的sprite

方法：

<img src="一个很小的一像素的图片" class="class1"/>

其css设置为：

.class1

{

     background:url("汇总的图片url");

     width:需要图片的宽度;

     height:需要图片的高度;

     background-position:位置，从右上角开始为0,0;

}     created by o07-csy

这样就可以了，如果需要CSS导航，可以如下：

<a href="#"><img src="一个很小的一像素的图片" class="class1"/></a>这样就可以了，如何hover这些待定，本人暂时没有解决，呵呵