添加背景图像到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;
}