添加背景圖片的div（動態內容）

Question

我有一個DIV ...

<div id="content"> 

</div> 

現在......在外觀設計上，如果你認爲它是一個矩形具有頂部爲標題，也頁腳是不同的，所以我不能只創建一個1px的背景圖像並重復它。

我會做這樣的事情：

<div id="content"> 
<div id="header">This will have a fixed bg image</div> 
<div id="body-content">This will have a repeated bg image and it's the part that can grow.</div> 
<div id="footer-content">THis will content a fixed bg image for the footer</div> 
</div> 

誰能勸上明智處理這種設計的CSS，請最好的方法是什麼？

Answer 1

#header 
{ 
    background-image: url('header.png'); 
    background-repeat: no-repeat; 
} 

#body 
{ 
    background-image: url('body.png'); 
    background-repeat: repeat-y; 
} 

#footer 
{ 
    background-image: url('footer.png'); 
    background-repeat: no-repeat; 
}