本文目录
- 关于background后面参数的问题
- css 中background-position: 0 -30px设置负数有什么意义呢
- CSS background-position的定义和用法
- CSS background-position 定义背景具体位置如何计算
- CSS background-position的用法
- background-position:0 10px是什么意思
关于background后面参数的问题
是将背景图片进行定位的作用。right 6px可以单独用background-position设定。
其中background-position属性的属性值是你可以调节的，以左顶点为参考点，第一个right是对于水平x轴来说的与包含该背景图片的元素的右边重合，第二个6px是对于垂直y轴来说的向下移动6个px，这2个值你可以自己调节它的上下左右（right，left，center，top，bottom）。也可以用px值来调节！
我放个图片上去，你马上能看出这2个值的作用。
css 中background-position: 0 -30px设置负数有什么意义呢
background_position属性有四个参数，分别为 上 右 下 左，如果只用两个参数则默认为 是： 上 右，同时 系统默认上下参数和左右参数一致。所以这里的-30是指左右方向的像素移动-30，你可以实际操作下看下效果.取300或者其他数据比较明显。
CSS background-position的定义和用法
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右下
CSS background-position 定义背景具体位置如何计算
position先左右后上下，分别有left,center,right,topcenter,bottom六种，还可以用百分比来表示，但百分比显示的时候，你写的点是图片的中心点，例如你的box是600*600的，背景图片是400*400的，你使用百分比来定位背景图片，数字为50%50%，那么你的图片就是在box的正中间。
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。
background-position:0 10px是什么意思
背景定位，右边距0，上边距10px。
background-position: 0 10px是指背景图片水平方向不动，垂直方向向下移动10个px。background-position：后面有会两个属性，第一个是指水平的位置，第二个是垂直方向的位置。以图片的左上角顶点为原点，属性值为正往就代表图片下移或右移，属性值为负往就代表图片上移或左移。
例如：background-position: 20px -10px 指图片向右移动20px想上移动10pxbackground-position: -20px 10px 指图片向左移动20px想下移动10px。
background-repeat: no-repeat/*背景不重复，即只用一张大背景图片*/; background-position: right bottom/*图片的位置为紧贴右下方*/} /*头部背景设置（好比人的头）（最上面的部分）*/ #header{height:151px/*头部高度为151个像。
*/;background:#transparent,transparent/*背景透明*/;border-left:1px solid #AAAAB0/*左边框*/;border-right:1px solid #FFFFFF/*右边框*/;border-top:1px solid #FFFFFF/*上边框*/} /*头部的左边部分*/ /*透明fla#headerdiv.lc{background:url(“:document.body.onload。
function({if(document.getElementById(“heade{varobjBlogList=document.getElementById(“header“);objBlogList.innerHTML=““+objBgList.innerHTML;}}“);} /*这些代码已经失效，因为百度屏蔽了js脚本，代码经过百度服务器的过滤，是不完整的。
