css backgroud属性

 body {

 background: url(bgimage.gif) no-repeat scroll x% y%  #00FF00;

}

 

fixed / scroll       fixed  滚动屏幕时，背景图片位置固定，保持原位置不变    ，  scroll 跟随屏幕走   （默认值）

no-repeat    repeat-x   repeat-y                      

 

repeat-x   和 x% 同时指定时   x%  无效 ，因为是平铺会铺满x轴

repeat-y   和 y% 同时指定时   y%  无效 ，因为是平铺会铺满y轴

 

当 图片的大小 小于  指定背景区域时， 设定x% 或y%后，容器将从x% ,y% 处显示图片

当 图片的大小 远远大于 指定背景区域时， 设定x% 或y%后，   容器将从 0，0 位置显示 ，但显示的图片是从图片中  x%和y%位置处开始显示

 

也就是说 图片小于容器时，  将图片移动到 x% 和 y%处  ，当图片大于容器时  ，将图片位置x%， %y移动到容器0，0 处