包含background-position属性值的词条
CSS background-position 定义背景具体位置如何计算？
position
先左右后上下，分别有left,
center,
right,
top
center,
bottom六种，还可以用百分比来表示，但百分比显示的时候，你写的点是图片的中心点，例如你的box是600*600的，背景图片是400*400的，你使用百分比来定位背景图片，数字为50%
50%，那么你的图片就是在box的正中间。
怎么用css中background属性截图？
background-position属性分为x轴和y轴，也就是横坐标和纵坐标两个值：background-positionx和background-positiony。
对于一整张大图只需要截取其中一部分，你需要知道两点：
1.需要的那一部分图片的在整个大图中的位置 2.它的大小
然后就好办了，我举个小例子：
一张300px*300px的大图，我需要的部分大小是宽20px高50px，在整个图片的位置离上边是20px；左边是80px，然后可以写样式了：
div{
background-image:url(bjimg.jpg);/*背景图片的路径*/
background-position:-80px -20px;/*背景图片的位置是距左80px；距上20像素*/
width:20px;/*div的宽度*/
height:50px;/*div的高度*/
}
希望对你有所帮助。
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脚本，代码经过百度服务器的过滤，是不完整的。
background-position这个在CSS里什么意思?
是背景图片的定位;
冒号后面的属性可以是具体的数值,可以是left,right top bottom等
给你个参考资料:
语法：
background-position : length || length
background-position : position || position
参数：
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : top | center | bottom | left | center | right
说明：
设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为：(0% 0%)。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPosition。请参阅我编写的其他书目。
示例：
div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
a { background: url("images/aardvark.gif"); background-position: 3.25in; }
body { background: url("images/aardvark.gif"); background-position: top right; }