是用来定位图片的位置的，最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了。
background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。
background-position: left -29px 是背景位移，background-position后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如：
background-position: left -29px(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)
扩展资料：语法
background-position : length || length
background-position : position || position
取值
length : 百分数 | 由浮点数字和单位标识符组成的长度值。
position : top | center | bottom | left | center | right
注：设置或检索对象的背景图像位置，必须先指定 background-image 属性，该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角，如果只指定了一个值，该值将用于横坐标，纵坐标将默认为 50% ，如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center ，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位，对应的脚本特性为 backgroundPosition。
ie6下滤镜方式插入背景图无法按某方对齐向定位。所以滤镜方式插入png透明背景，只适用与元素宽高固定，背景图大小和元素一样的情况。
你这个应该用dd_png.js来解决：
(js文件自己百度，到处都下得到。算目前最好的ie6下png解决方案了，支持背景重复、对齐等方式下的png透明)
下载js后在网页head中引用，是ie6时会载入这个脚本处理png透明问题：
<!--[if IE 6]>
<script type="text/javascript" src="js/dd_png.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.logo,.bs,#nav a')
</script>
<![endif]-->
这排是调用，里面写你自己的id或class：
DD_belatedPNG.fix('.logo,.bs,#nav a')
然后样式表按正常方式写即可：
.bs{background:url(../images/aaa.png) no-repeat right bottom}
IE6/IE7/FF最常用的hack是 !important首先你的效果需要这样的样式width:1003pxmin-height:350pxoverflow:hiddenmargin:auto autobackground:none padding-top:10px!important background:url(images/img_1.png) no-repeat 3% 97%关于定位，你的3%是指X轴（从左往右），97%是指Y轴（从上到下）。。。除了百分号，你也可以直接写上距离，如100px 345px:
