CSS Sprites 圖片整合技術(shù)

“css中用一張背景圖做頁(yè)面的技術(shù)有什么優(yōu)勢(shì)？”

簡(jiǎn)單介紹一下 CSS Sprites 的優(yōu)點(diǎn)：
當(dāng)用戶往U盤(pán)中拷200張圖片，會(huì)等很久。但是如果弄成一個(gè)文件，再拷貝就會(huì)快很多。

CSS Sprites 的目的就是通過(guò)整合圖片，減少對(duì)服務(wù)器的請(qǐng)求數(shù)量，從而加快頁(yè)面加載速度。

實(shí)現(xiàn)方法：

1. 首先將小圖片整合到一張大的圖片上
2. 然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位。background-position:-8px -95px;