CSS background-position 背景圖片位置

from:
http://www.wibibi.com/info.php?tid=79

方向參數
水平方向left - 靠左對齊、center - 置中對齊、right - 靠右對齊垂直方向top - 靠上對齊、center - 置中對齊、bottom - 靠下對齊

CSS background-position 範例一、各種對齊方式

background-position:right bottom;　// 靠右靠下對齊
background-position:30px 60px;　//靠左 30px 靠上 60 px 的位置
background-position:10% 50%;　// 靠左 10% 靠上 50% 的位置
background-position:10%;　// 效果同上一行，靠左 10% 靠上 50% 的位置

以上範例要確保正確顯示，需搭配 background-repeat:no-repeat 告訴瀏覽器背景圖片不要重覆顯示。特別要注意的是，如果使用了簡化寫法，只寫一個屬性值，另一個屬性值將會自動取中間值，為了將來管理方便，建議兩個方向的屬性值都寫上去比較好。

CSS background-position 範例二、垂直置中對齊

body{
　background-image:url('背景圖片');　//先給你想要放在背景的圖片路徑或網址
　background-repeat:no-repeat;　//背景圖片不要重覆顯示（僅顯示一次）
　background-attachment:fixed;　//背景圖片位置固定
　background-position:center;　//背景圖片水平位置與垂直位置均置中對齊
}