CSS background-position的用法 css中background-position用法
background-position\u5728css\u4e2d\u6709\u4ec0\u4e48\u7528\uff1fCSS background-position \u5c5e\u6027
\u5b9a\u4e49
background-position \u5c5e\u6027\u8bbe\u7f6e\u80cc\u666f\u56fe\u50cf\u7684\u8d77\u59cb\u4f4d\u7f6e
\u7528\u6cd5
\u8fd9\u4e2a\u5c5e\u6027\u8bbe\u7f6e\u80cc\u666f\u539f\u56fe\u50cf\uff08\u7531 background-image \u5b9a\u4e49\uff09\u7684\u4f4d\u7f6e\uff0c\u80cc\u666f\u56fe\u50cf\u5982\u679c\u8981\u91cd\u590d\uff0c\u5c06\u4ece\u8fd9\u4e00\u70b9\u5f00\u59cb\u3002
\u63d0\u793a\uff1a\u60a8\u9700\u8981\u628a background-attachment \u5c5e\u6027\u8bbe\u7f6e\u4e3a "fixed"\uff0c\u624d\u80fd\u4fdd\u8bc1\u8be5\u5c5e\u6027\u5728 Firefox \u548c Opera \u4e2d\u6b63\u5e38\u5de5\u4f5c\u3002
\u5b9e\u4f8b
\u5982\u4f55\u5b9a\u4f4d\u80cc\u666f\u56fe\u50cf\uff1a
body{ background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}
\u8d44\u6599\u6765\u6e90\uff1ahttp://www.zgguan.com/doc/w3c/tiy/t.asp-f=csse_background-position.htm
http://hi.baidu.com/paperstudio/blog/item/c1ccc3dfee36285c95ee3704.html
\u8fd9\u7bc7\u6587\u7ae0\u544a\u8bc9\u4e86\u4f60
是用来定位图片的位置的，最主要使用在 一张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。
背景图水平位值左对齐，垂直位直-29px
这是背景位移嘛
background-position：后面有两个属性，第一个是水平位置，第二个是垂直方向的位置，这里需注意的是两个属性的顺序
比如说
background-position: left -29px;(当中的left指从图片的最左端读起，-29px就是将图片向上移动29px,然后开始读)
再如：background-position: 15px 20px;(指将图片向右移15px,向下移20px;)
简单地说，就是以图片的左上角顶点为原点，往下和右都为正，反之为负，
有点乱，不晓得我说清楚没有，如果还不明白，可以Hi我
是用来定位图片的位置的。
最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了
background-position：x y x等于平行轴 y等于竖行轴。
x y的取值可以为正数，也可以是负数
background-position第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。left表示居左对齐，-29px表示整个背景图片向上偏移29px。
扩展阅读：css position sticky ... css overflow ... subtitles background ... css box-sizing ... css background image ... www.sony.com.cn ... css position absolute ... css cursor pointer ... css background cover ...
