挺常聽見到有人問說，要如何才能讓背景圖片不管卷軸拉到那邊都不會變？這其實只要透過設(shè)定 background-attachment 就能達(dá)到該效果了。

Body其實并不用做任何設(shè)定，這邊我為了讓網(wǎng)頁有卷軸，所以在pre包起一段話：
 HTML

接著來看CSS中的語法：
 CSS

只要把 background-attachment 設(shè)成 fixed 就能固定背景圖片了。若是要取消固定的話，只要把 background-attachment 拿掉或是設(shè)成 none 就行了。而其中的 background-repeat 設(shè)成 no-repeat 是避免當(dāng)背景圖片太小張時，讓它不要重覆的顯示。

還有另一種常見的情況是，背景圖片本身就只是小小張的，但想讓它固定在網(wǎng)頁的某一位置的話，我們除了用 background-attachment 之外，還要搭配 background-position 來一起使用。

Body一樣不變，直接看CSS的部份：
 CSS

background-position 值的設(shè)定可用數(shù)字加單位、數(shù)字加百分比或是使用關(guān)鍵字。background-position 基本上需要兩各值，第一個是距離左邊界的值，另一個則是距離上邊界的值。但是若是要在中間的話，可以設(shè)一個 center 就可以了，另一個若沒有的話，會自動認(rèn)為也是 center。

background-position 位置的相對關(guān)系可以參考下面的圖解。

怎樣~是不是很簡單呢！以上就是CSS固定頁面背景圖像定位方法。