2011三月4
CSS background-position 杂记
关于CSS的背景图位置如果定义的坐标，Sprit图如何移到正确的位置，一直比较糊涂。
在网上找了两篇好文章，方便记忆，原作者页面有句话：“好记性不如烂博客”。故胡乱记些东西，勿怪 
- 原点位置，即外层块元素的左上角
- background-position 位置设定是指图片与坐标原点的偏移量
- 原点是不会动的，移动的是图片 X坐标为正则图片左上角向右平移，为负则图片左上角向左平移
- Y坐标为正则图片左上角向下平移，为负则左上角向上平移
- 百分比的计算是有公式的：X轴( container宽度 – 图片宽度 )*含符号百分比
- Y轴( container高度 – 图片高度)*含符号百分比
在这里啰嗦一句：每当我想图片的像素是“长乘以宽”还是“宽乘以高”时，我总是很纠结。为此也很怨恨我的小学老师，因为这两种理解的“宽”是两个意思。。。
文章作者：simaopig
本文地址：http://www.xiaoxiaozi.com/2011/03/04/2026/
版权所有 © 转载时必须以链接形式注明作者和原始出处！
好吧，最后的长宽高我也很纠结！
[回复]
@老饕
呵呵，因为小时候，自己记的都是“长方形的面积等于长乘以宽”。。
[回复]