例如为body设一个背景图片。
position: 0% 0%
这时是以图片左上角为参考点,图片的左上角到了body的左上角
position: 50% 50%
这时图片的中心点又成了参考点,图片的中心点到了body的中心点
position: 100% 100%
这时图片的右下角又成了参考点。
那我要放到别的位置咋办?参考点到底是谁?
一种按公式算,像楼上那种
一种感性理解:
比如
background-position: 100% 50%;
水平方向:容器的100%位置和图片的100%位置对齐
垂直方向:容器的50%位置和图片的50%位置对齐
这里讲得比较清:http://www.funpin.info/71.html
百分比的计算方法:
x=(容器宽度-背景图片宽度)百分数
y=(容器高度-背景图片高度)百分数
差值可正可负