使用固定页脚图像重复动态长度的背景图像

Question

我如何创建一个有效的标题，正文和页脚的背景？页眉和页脚不需要在页面上重复，只需要水平，但中间的主体部分将取决于主内容div的大小，所以它需要垂直重复，但我不确定如何获取页脚最后。

提前致谢。 =）

Answer 1

你要么必须使用multiple background images（css3，所以没有IE9之前的支持），要么用至少两个块级元素分解它们，每个元素都应用自己的背景图像 - 真的水平重复的长图像（必须比任何可能的预期内容长，可以垂直增长内容）。

Answer 2

我想我可能误解了这个问题，但你有没有试过这样的事情？

使用这样的CSS：

标题{

 height: 100px;
 background: #ffffff url('background1.png') repeat-x;

}

内容{

 backgroundL #0000ff url('background2.png') repeat-x;

}

页脚{

 height: 100px;
 background: #ffffff url ('background3.png') repeat-x;

}