課程
/前端開發
/HTML/CSS
/CSS Sprite雪碧圖應用
為啥x的坐標都是負的
2014-08-22
源自:CSS Sprite雪碧圖應用 3-3
正在回答
本段摘自:http://www.cnblogs.com/myjavawork/articles/1981345.html
基本的原理,就是利用background-postion的負值來進行調節。
當我們定位于background-position:-50px -50px;時發現圖片向左上,移動了,也就以DIV的左上角為中心,圖向左移動了50PX,向右也移動了50PX.
個人理解:
當我們單純的填寫 left:50px 時圖像是在向右移動,而現在我們需要圖像中間的部分,所以就寫 left:-50px,即在向右移動即可
銘筱 提問者
舉報
必學的大型網站實用技術,讓你快速掌握CSS Sprite雪碧圖技術
3 回答設置background-position無效啊 各位幫我看看
6 回答placeholder居中問題
3 回答本節課的為什么要對 li i 添加一個float:left樣式呢
3 回答background的位置
4 回答為什么x軸方向也是負值呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-08-24
本段摘自:http://www.cnblogs.com/myjavawork/articles/1981345.html
基本的原理,就是利用background-postion的負值來進行調節。
當我們定位于background-position:-50px -50px;時發現圖片向左上,移動了,也就以DIV的左上角為中心,圖向左移動了50PX,向右也移動了50PX.
個人理解:
當我們單純的填寫 left:50px 時圖像是在向右移動,而現在我們需要圖像中間的部分,所以就寫 left:-50px,即在向右移動即可