網(wǎng)頁(yè)中很多圖片素材被合成在一張圖片上，然后使用背景定位來(lái)獲取對(duì)應(yīng)的圖標(biāo)。要實(shí)現(xiàn)CSS摳圖，只需要用到一個(gè)屬性：background-position。

2017-05-01 09.20.22-1.png

2017-05-01 09.20.22-2.png

小ICON在大圖中，想提取出來(lái)，需要用background-position屬性，這個(gè)屬性相當(dāng)于大圖片不動(dòng)，把div的頂點(diǎn)進(jìn)行移動(dòng)，移動(dòng)到目標(biāo)小圖的頂點(diǎn)位置

2017-05-01 09.20.22-3.png

background-position屬性，它有兩個(gè)參數(shù)，分別是水平方向移動(dòng)的像素、豎直方向移動(dòng)的像素，都用負(fù)數(shù)表示。大圖不動(dòng)，div移動(dòng)。

.test{
     background:url(bg.png);
    background-repeat:no-repeat;
   background-position:-25px -200px;
    height:24px;
    width:24px;
 }