-
background-origin: padding-box; 默认值,背景图相对于内填充区域来定位
-
background-origin: content-box; 背景图相对于内容来定位
-
background-origin: border-box; 背景图片相对于边框区域来定位
.wrap div { width: 200px; height: 200px; border: 20px dotted red; margin: 50px; padding: 50px; } /* 默认值,背景图相对于内填充区域来定位 */ .wrap .box1 { background: url(./img/bg2.jpg) no-repeat; background-origin: padding-box; } /* 背景图相对于内容来定位 */ .wrap .box2 { background: url(./img/bg2.jpg) no-repeat; background-origin: content-box; } /* 背景图片相对于边框区域来定位 */ .wrap .box3 { background: url(./img/bg2.jpg) no-repeat; background-origin: border-box; }