?

background-position減少小圖片的連接數(shù)

background-position:xx yy;
1.xx表示背景圖片(背景圖片本身)從左往右的位移，如果xx的單位為px則表示位移xx個(gè)像素點(diǎn)，如果xx為一百分?jǐn)?shù)則表示位移當(dāng)前區(qū)域的50%px的位移
2.yy表示背景圖片從上往下的位移，yy表示的數(shù)值與xx相同。
3. 如果xx為負(fù)值則表示從右往左移，如果yy為負(fù)值則表示從下往上移動(dòng)
4.背景圖片默認(rèn)左上角對(duì)應(yīng)所在區(qū)域的左上角

這項(xiàng)技術(shù)目前在web開(kāi)發(fā)中被普遍采用，用來(lái)優(yōu)化數(shù)量較多的小圖片的顯示, 減少http請(qǐng)求，一張大圖包含大量小圖，然后通過(guò)background-position控制顯示某張小圖，可以明顯的減少圖片數(shù)量，減少http請(qǐng)求數(shù)量.

總結(jié)

以上是生活随笔為你收集整理的background-position减少小图片的连接数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。