在前面的經驗中，我們知道了怎麼用css來設定背景圖片，但是滑鼠滾動滾輪時，背景圖片會隨同網頁內容一起滾動，怎麼才能讓背景圖片固定不動呢？
工具/原料
css
方法/步驟
首先我們開啟系統記事本程式，輸入網頁基本程式碼
然後輸入head標籤和css樣式標籤程式碼
點選style標籤之間，輸入定義網頁背景圖片的程式碼
body
{
background-image:url('d:/bg.gif');
}
然後在正文body標籤下輸入一些主體標籤和內容
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
影象不會隨頁面滾動。
點選檔案，另存為命令，將內容儲存為html格式後，開啟網頁預覽下。
大家發現現在這種狀態，我們滾動滑鼠滾輪時候，網頁內容和背景圖片是同時滾動的，為便於檢視，我們修改下程式碼，讓圖片不重複顯示。
然後再預覽效果。
這樣可以很明顯的看出來背景圖片的變化，為了固定背景圖片，我們修改程式碼為
再來看下效果。
程式碼設定成功。
注意事項
如果您喜歡小編的文章，請點選右下角的分享按鈕，分享給更多的朋友。
網頁, 頁面, 影象, 網頁背景, css背景圖片固定不動, css背景固定不動, css導航欄固定不動, cssdiv固定不動, css固定不動, css圖片固定不動, css背景不動, css背景圖片不動, css背景圖不動,