就像是  把照片放在相框里面  相框边框决定了里面放多大的照片   而background-origin就是让你决定背景图片是放在哪里

告诉浏览器你图片的中心点在哪里

浏览器支持

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-origin 属性。

定义和用法

background-origin 属性规定 background-position 属性相对于什么位置来定位。

注释：如果背景图像的 background-attachment 属性为 "fixed"，则该属性没有效果。

默认值：padding-box    

继承性：no    

版本：CSS3    

JavaScript 语法：object.style.backgroundOrigin="content-box"    

语法  background-origin: padding-box | border-box | content-box;

值                          描述

padding-box        背景图像相对于内边距框来定位。  

border-box          背景图像相对于边框盒来定位。 

content-box         背景图像相对于内容框来定位。