position的兩個參數：水平方向的位置，垂直方向的位置----------該位置是指背景圖片相對於前景對象的
1.background:url(../image/header.jpg) no-repeat left top; /*相當於0% 0%*/
表示背景圖片在指定div的位置，從左上角開始
2.background:url(../image/header.jpg) no-repeat right bottom; /*相當於100% 100%*/
表示背景圖片從指定div的右下角開始顯示圖片，並且背景圖片右下角與div的右下角重合
3.background:url(../image/header.jpg) no-repeat 300px 200px;
即背景圖片距div的左邊界300px，距div的上邊界200px。
4.background:url(../image/header.jpg) no-repeat 50% 50% ;
/* 相當於background:url(../image/header.jpg) no-repeat center ; */
背景圖片在div中水平方向與豎直方向都居中顯示
5.background:url(../image/header.jpg) no-repeat 300px; /*相當於300px 50%*/
若只寫一個參數，則另一個參數默認爲50%，即背景圖片距div的左邊300px，而豎直方向居中。
6.background:url(../image/header.jpg) no-repeat -300px -100px ;
背景圖片相對於div左上角（0px，0px） 又向左移動了300px，向上移動了100px
7.background:url(../image/header.jpg) no-repeat 30% 30%;
背景圖片的（30%， 30%）的點與其所屬的div的（30%， 30%）的點對齊。
但注意：百分比值同時應用於元素div及其背景圖像。
例如：
（1）當在某一元素里居中背景圖像時，圖像中被描述爲50% 50%的點將與元素中同樣描述的點對齊。
（2）要使背景圖像橫跨元素的三分之一，縱跨三分之二，可以按如下聲明：
background:url(beijing.gif) no-repeat 33% 66%;
這就使得圖像上相對於左上角水平爲三分一，垂直爲三分之二的那個點與元素中的同樣的點重合。
注意，百分比的水平值總是在前面。如果將上例中的這兩個百分比值交換位置，那麼背景圖像將被放於水平三分之二，垂直三分之一處。同樣，當只給出一個百分比值時，這個值爲水平值，而另一個垂直百分比值被假定爲50%。當只有一個值給出時，另一個被假定爲center。
以圖爲例：
1.
background-position:left top;(見圖2).
背景圖片的左上角和容器(container)的左上角對齊，超出的部分隱藏。
等同於 background-position:0,0;
也等同於background-position:0%,0%;
2.
background-position:right bottom;(見圖1)。
背景圖片的右下角和容器(container)的右下角對齊，超出的部分隱藏。
等同於background-positon:100%,100%;
也等同於background-positon:容器(container)的寬度-背景圖片的寬度,容器(container)的高度-背景圖片的高度
3.
background-position:500px 15px；(見圖3)。
背景圖片從容器(container)左上角的地方向右移500px,向下移15px，超出的部分隱藏。
4.
background-position:-500px -15px;(見圖4)。
背景圖片從容器(container)左上角的地方向左移500px，向上移15px，超出的部分隱藏。
5.
background-position:50% 50%;(見圖5)。
等同於left：{容器(container)的寬度—背景圖片的寬度}*left百分比，超出的部分隱藏。
等同於right：{容器(container)的高度—背景圖片的高度}*right百分比，超出的部分隱藏。
例如：background-position:50% 50%;就是background-position:(1000-2000)*50%px,(500-30)*50%px;即background- position:-500px,235px;也就是背景圖片從容器(container)的左上角向左移500px，向下移235px；
6.（這種情況背景圖片應該用bg2.jpg才能看出效果,bg.jpg的高度太小效果不明顯）
background-position:-50% -50%;(見圖6)。
等同於left：-{{容器(container)的寬度—背景圖片的寬度}*left百分比（百分比都取正值）}，超出的部分隱藏。
等同於right：-{{容器(container)的高度—背景圖片的高度}*right百分比（百分比都取正值）}，超出的部分隱藏。
例如：background-position:-50% -50%;就是background-position:-{(1000-500)*50%}px,-{(500-360)*50%}px;即 background- position:-250px,-70px;也就是背景圖片從容器(container)的左上角向左移250px，向上移70px；