CSS background-position 属性

2022-11-25 10:43:12 开发工具 ℃

　　实例

　　如何定位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 语法:objectobject.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属性设置应该从父元素继承