使用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這些待定，本人暫時沒有解決，呵呵