雪碧圖的使用方法

 

　　CSS Sprites技術被國人稱爲CSS雪碧圖，它是將一張網頁中的一些圖片拼湊在一張圖片中，這樣能夠減小服務器的壓力，由於它也減小了用戶的請求次數。

 

　　雪碧圖經常使用於一些小的零碎的圖片，或者一組有序的圖片。

好比這一張圖片就是一張雪碧圖

使用雪碧圖主要的兩個代碼爲：

• background-image
• backgorund-position

首先使用background-image：url(圖片地址);將整張背景圖放入須要的地方，設置div的寬高，而後再使用backgorund-position：x y;

背景圖定位，使div內顯示出咱們須要的那一部分。

這就是雪碧圖的使用方法。