实例

如何定位background-image：

body

{

background-image:url('smiley.gif');

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

标签定义及使用说明

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

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

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

\浏览器支持

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

属性background-position1.04.01.01.03.5

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

属性值

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

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！