CSS background-position的定义和用法
是用来定位图片的位置的，最主要使用在 一张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。
http://hi.baidu.com/paperstudio/blog/item/c1ccc3dfee36285c95ee3704.html
这篇文章告诉了你
background-position 属性设置背景图像的起始位置。
这个属性设置背景原图像（由 background-image定义）的位置，背景图像如果要重复，将从这一点开始。
提示：您需要把 background-attachment 属性设置为 fixed，才能保证该属性在 Firefox 和 Opera 中正常工作。 默认值： 0% 0% 继承性： no 版本： CSS1 JavaScript 语法： object.style.backgroundPosition=center 如何定位背景图像：
body{ background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}
背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select和object。 background-positon:长度单位/关键字;语法中的取值包括两种，一种是采用长度单位，另一种是关键字描述。长度单位指的是px、百分比等。 当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。 属性值说明top left左上top center靠上居中top right右上left center靠左居中center center正中right center靠右居中bottom left左下bottom center靠下居中bottom right右下
邢蓝茵栀： 这是背景位移嘛 background-position:后面有两个属性,第一个是水平位置,第二个是垂直方向的位置,这里需注意的是两个属性的顺序 比如说 background-position:left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读) 再如:background-position:15px 20px;(指将图片向右移15px,向下移20px;) 简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负, 有点乱,不晓得我说清楚没有,如果还不明白,可以Hi我
解放区18777998571： css background - position怎么用 - ？
邢蓝茵栀： 背景定位,background-position:50% 20%;意思为:背景图片,离左距离50%,上边距离20%
解放区18777998571： 网页制作中CSS设置里background和backgroun - image有什么区别? - ？
邢蓝茵栀： 1,background 简写属性在一个声明中设置所有的背景属性.可以设置如下属性:background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image 如果不设...
解放区18777998571： 在CSS中,＂background - color＂和＂bgColor＂用法上有什么区别.？
邢蓝茵栀： background-color属于css样式表里面的所以这样写style=＂background-color:背景颜色＂ bgColor属于HTML里面的所以这样写bgColor=＂背景颜色＂
解放区18777998571： javascript设置css的backgroundpositon属性 - ？
邢蓝茵栀： <!DOCTYPE HTML><html><head><title>yugi</title><meta charset=UTF-8 /><style type=＂text/css＂></style></script><script type=＂text/javascript＂> onload = function () { var body = document.body; body.style.backgroundPositionX = '11px'; body....
解放区18777998571： css 背景background属性的简写我看不懂意思? - ？
邢蓝茵栀： 背景的总简写规则:background:transparent none repeat scroll 0% 0% 第一个是:0 32px 距左:0px 距上:32px 第二个:right -132px right 右对齐,即距离右边界为:0px-132px 距上为 负132px,即把背景提出内容区(多用于css sprite ,提取大...
解放区18777998571： CSS里的“background - repeat:repeat”是什么意思? - ？
邢蓝茵栀： 在CSS中,background-repeat 属性设置是否及如何重复背景图像. 示例代码:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17<html> <head> <meta charset=＂utf-8＂> <title>示例</title> <style> body {background-image:url('paper.gif');background-...
解放区18777998571： css3中,background - clip 这个怎么运用?？
邢蓝茵栀： border-box:从border区域向外裁剪背景. padding-box:从padding区域向外裁剪背景. content-box:从content区域向外裁剪背景. no-clip:从border区域向外裁剪背景.
解放区18777998571： CSS background - position 定义背景具体位置如何计算? - ？
邢蓝茵栀： position 先左右后上下,分别有left, center, right, top center, bottom六种,还可以用百分比来表示,但百分比显示的时候,你写的点是图片的中心点,例如你的box是600*600的,背景图片是400*400的,你使用百分比来定位背景图片,数字为50% 50%,那么你的图片就是在box的正中间.
解放区18777998571： css中background - ？
邢蓝茵栀： .tab {background:#ff0 url( url) left top norepeat; min-height:100px; hight:auto!important; height:100px;} 你可以给他定一下最小的高度,这样就可以自动调整了!:) background-image 、background-color 我习惯写在一起!
