一、background-position定位背景图片
1、 可以通过背景定位属性来定义背景图片的位置：background-position,使用背景定位的属性值有下面几种,如果不使用,默认位置是从页面左上角0位置开始：
（1）background-position:＜percentage＞使用百分点定位,0% 0%是指图片左上角与页面左上角对齐；如果是100% 100%，则表示图片右下角与页面右下角对齐。两个百分数用空格分开。
<html>
<head>
<style type="text/css">
body
{
background-image: url('/i/eg_bg_03.gif');
background-repeat: no-repeat;
background-attachment:fixed; //将背景图片固定
background-position: 37% 20%;
}
</style>
</head>
<body>
<p><b>注释：</b>为了在 Mozilla 中实现此效果，background-attachment 属性必须设置为 "fixed"。</p>
</body>
</html>
（2）background-position＜length＞使用长度单位，如2cm、5cm，表示图片距左2cm，距上5cm，两个数据用空格分开:
（3）下面是一些等式
top left， left top 等价于 0％ 0％.
top， top center， center top 等价于 50％ 0％.
right top， top right 等价于 100％ 0％.
left， left center， center left 等价于 0％ 50％.
center， center center 等价于 50％ 50％.
right， right center， center right 等价于 100％ 50％.
bottom left， left bottom 等价于 0％ 100％.
bottom， bottom center， center bottom 等价于 50％ 100％.
bottom right， right bottom 等价于 100％ 100％.
批注：必然记住这是设置靠山时的地位。
left/right/center 以左为准、以右为准、阁下居中
top/bottom/center 以上为准、以下为准、高低居中
同理：
0％ 100％ 以左为准、以右为准
0％ 100％ 以上为准、以下为准
若是只指定一个值，则默认为阁下。高低应用默认值，即50％。
background-attachment -- 定义靠山随迁移转变轴的移动体式格式
取值: scroll | fixed | inherit
scroll: 跟着页面的迁移转变轴靠山将移动
fixed: 跟着页面的迁移转变轴靠山不会移动
二、CSS切割术的手术刀Background-Position
切割图片的方法
background:transparent url('http://images.cnblogs.com/cnblogs_com/lichang1987/daohang.png') no-repeat scroll -49px 0px;
如果水平（X）为正数、垂直（Y）为负数，表示以图片的右上角为坐标，移动各个位移，如 8 -8 (以右上角，向右移8PX 向上移8px);
如果水平（X）为负数、垂直（Y）为负数，表示以图片的左上角为坐标，移动各个位移，如 -8 -8 (以左上角，向左移8PX 向上移8px);
如果水平（X）为正数、垂直（Y）为正数，表示以图片的右下角为坐标，移动各个位移，如 8 8 (以右下角，向右移8PX 向上移8px);
如果水平（X）为负数、垂直（Y）为正数，表示以图片的左下角为坐标，移动各个位移，如 8 8 (以左下角，向左移8PX 向上移8px);
三、background-position定位背景图片有时会偏差，有另外一种精确定位图片的方法
