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 处