課程
/前端開發(fā)
/HTML/CSS
/CSS Sprite雪碧圖應(yīng)用
為啥x的坐標都是負的
2014-08-22
源自:CSS Sprite雪碧圖應(yīng)用 3-3
正在回答
本段摘自:http://www.cnblogs.com/myjavawork/articles/1981345.html
基本的原理,就是利用background-postion的負值來進行調(diào)節(jié)。
當我們定位于background-position:-50px -50px;時發(fā)現(xiàn)圖片向左上,移動了,也就以DIV的左上角為中心,圖向左移動了50PX,向右也移動了50PX.
個人理解:
當我們單純的填寫 left:50px 時圖像是在向右移動,而現(xiàn)在我們需要圖像中間的部分,所以就寫 left:-50px,即在向右移動即可
銘筱 提問者
舉報
必學(xué)的大型網(wǎng)站實用技術(shù),讓你快速掌握CSS Sprite雪碧圖技術(shù)
2 回答
1 回答
10 回答
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2014-08-24
本段摘自:http://www.cnblogs.com/myjavawork/articles/1981345.html
基本的原理,就是利用background-postion的負值來進行調(diào)節(jié)。
當我們定位于background-position:-50px -50px;時發(fā)現(xiàn)圖片向左上,移動了,也就以DIV的左上角為中心,圖向左移動了50PX,向右也移動了50PX.
個人理解:
當我們單純的填寫 left:50px 時圖像是在向右移動,而現(xiàn)在我們需要圖像中間的部分,所以就寫 left:-50px,即在向右移動即可