← CSS 3 background-origin属性 CSS background-repeat 属性 →

CSS background-position 属性

CSS background-position 属性设置背景图像的起始位置

对于这个工作在 Firefox 和 Opera，background-attachment 必须设置为 "fixed（固定）"

默认值	0% 0%
继承	no
版本	CSS1
JavaScript 语法:	object.style.backgroundPosition="center"

属性值

值	描述
left top left center left bottom right top right center right bottom center top center center center bottom	如果仅指定一个关键字，其它值将会是"center"
x% y%	第一个值是水平位置，第二个值是垂直左上角是0％ 0％。右下角是100％ 100％如果仅指定了一个值，其它值将是50％默认值为：0％ 0％
xpos ypos	第一个值是水平位置，第二个值是垂直左上角是0 单位可以是像素（0px0px）或任何其它 CSS单位如果仅指定了一个值，其他值将是50％可以混合使用％和 positions
inherit	指定background-position属性设置应该从父元素继承

下表中的数字表示支持该属性的第一个浏览器版本号


1.0	4.0	1.0	1.0	3.5

IE8 及更早的浏览器版本不支持一个元素有多个背景图片

如何定位 background-image

body { 
    background-image:url('smiley.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
}