CSS Sprites 圖片整合技術

Posted in CSS+xhtml on 06/08/2009 12:32:57 | 轉載請註明：出自 崔凱的部落格

論壇上提到這樣的問題：“css中用一張背景圖做頁面的技術有什麼優勢？”

簡單介紹一下 CSS Sprites 的優點：
當使用者往隨身碟中拷200張圖片，會等很久。但是如果弄成一個檔案，再拷貝就會快很多。

CSS Sprites 的目的就是通過整合圖片，減少對伺服器的請求數量，從而加快頁面載入速度。

實現方法：

1. 首先將小圖片整合到一張大的圖片上
2. 然後根據具體表徵圖在大圖上的位置，給背景定位。background-position:-8px -95px;