從後面的頁眉/頁腳停止背景圖像

Question

我有一個頁眉和頁腳的網頁。背景圖像落在他們兩個後面，在頭部後面約1/4的圖像頂部和另一個1/4後面的頁腳。這是我的CSS背景圖片。

background-image: url('http://codegamer.net/images/majestic/patterns/lol2.jpg'); 
background-repeat: no-repeat; 
background-size: cover; 
background-attachment: fixed; 

我只想圖像在標題下開始，並在頁腳之前結束，以便我可以看到完整圖像。

Answer 1

1-從正文div中刪除這些屬性。

2 - 創建一個包含<div id="container">一個新的div，像這樣：

HTML

<div id="container-background"> 
    <div id="container">...</div> 
</div> 

3-指定下列屬性的新的div：

CSS

#container-background { 
    background-image: url('http://codegamer.net/images/majestic/patterns/lol2.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
}