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属性设置应该从父元素继承

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

如何定位 background-image

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

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！