一.background-position:left top;
背景图片的左上角和容器(container)的左上角对齐，超出的部分隐藏。等同于 background-position:0,0;也等同于background-position:0%,0%;
二.background-position:right bottom;
背景图片的右下角和容器(container)的右下角对齐，超出的部分隐藏。等同于background- positon:100%,100%;也等同于background-positon:容器(container)的宽度-背景图片的宽度,容器 (container)的高度-背景图片的高度
三.background-position:500px 15px;。
背景图片从容器(container)左上角的地方向右移500px,向下移15px，超出的部分隐藏。
四.background-position:-500px -15px;。
背景图片从容器(container)左上角的地方向左移500px，向上移15px，超出的部分隐藏。
五.background-position:50% 50%;。
等同于left：{容器(container)的宽度—背景图片的宽度}*left百分比，超出的部分隐藏。等同于right：{容器(container)的高度—背景图片的高度}*right百分比，超出的部分隐藏。
六.background-position:-50% -50%;。
等同于left：-{{容器(container)的宽度—背景图片的宽度}*left百分比(百分比都取正值)}，超出的部分隐藏。等同于 right：-{{容器(container)的高度—背景图片的高度}*right百分比(百分比都取正值)}，超出的部分隐藏。
总结：利用div大小和十字架原理，可以用background-position属性实现大图里面抠取小图。
MDN上对<position>值解释是：一种CSS数据类型，2D坐标空间，用来设置相对盒子的坐标。
我们经常使用的background-position的值就是<position>值，最近刚介绍的object-position的值也是<position>值。
<position>值支持1~4个值，可以是具体数值，也可以是百分比，也可以是left, top, right, center, bottom关键字。可参考下图经典示意：
如果偏移没有相应的关键字，则会被认为是center, 因此，background-position:top center可以直接写作background-position:top。
如果同时出现3个值或4个值，则表示可以指定偏移的相对位置，这是CSS3新特性，现代浏览器下才支持。包括：Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+, Safari/iOS 7+ .
例如：
background-position: right 40px bottom 20px;