background-position减少小图片的连接数
生活随笔
收集整理的這篇文章主要介紹了
background-position减少小图片的连接数
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
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)題。
- 上一篇: 中国移动 2023 高铁和特殊场景天线集
- 下一篇: angularjs directive