一.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屬性實現大圖裡面摳取小圖。