剛學CSS，了解了下網頁背景圖設置，順便記錄下。
下面主要是實現背景圖位置保持不變，即不隨滾動條動而動的功能。
body { background-image:url(images/bck.png); background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px;
background-size:cover;
-moz-background-size:60px 100px; /* 老版本的 Firefox ,請自行添加各個瀏覽器前綴 */ }
background-image：背景圖地址；
background-repeat：圖片是否重復；
參數：
repeat-x：橫向重復；
repeat-y：縱向重復；
no-repeat：不重復；
默認是橫向和縱向都重復，這里大家可以自己試下效果。
background-attachment：設置背景附着屬性；
參數：
scroll：表示隨內容滾動而動；
fixed：表示固定不動，不受內容滾動影響；
默認是scroll，這里大家可以自己試下效果。
background-position：設置圖片位置；即設置圖片左上角坐標點的X軸和Y軸值，這里不需要設置，默認值為0；
background-size:設置圖片的尺寸；
參數：
<length> | <percentage>:分別用長度值和百分比來指定圖片的大小。不允許負值。background-size: 10px 10px; background-size:100% 100%;
auto :背景圖像的真實大小。
cover :將背景圖像等比縮放到完全覆蓋容器，背景圖像有可能超出容器。
contain :將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等，背景圖像始終被包含在容器內。
主要就就是對以下屬性的運用：
[ background-image ]： 指定對象的背景圖像。可以是真實圖片路徑或使用漸變創建的“背景圖像”
[ background-repeat ]： 指定對象的背景圖像如何鋪排填充。
[ background-attachment ]： 指定對象的背景圖像是隨對象內容滾動還是固定的。
[ background-position ]： 指定對象的背景圖像位置。
[ background-origin ]： 指定對象的背景圖像顯示的原點。
[ background-clip ]： 指定對象的背景圖像向外裁剪的區域。
[ background-size ]： 指定對象的背景圖像的尺寸大小。
將上述實現代碼新建一個CSS類，然后在html的 head 里面引用即可實現；
引用方法：
<link href="myCss.css" type="text/css" rel="stylesheet"></link>