6.7 多重背景图片
有一种很常见的设计需求,就是制作一个顶部和底部使用不同背景图片的页面。或者也
可能是要求页面内的某个内容模块的顶部和底部使用不同的背景图片。这个需求看起来
很简单,使用 CSS 可以轻松地做出这种效果。但是使用 CSS 2.1 来制作这种效果往往需
要额外的标签。例如,在使用 CSS3 之前,我解决该问题的一贯方法如下:
<body class="headerBackgroundHere">
<div class="footerBackground">
<div id="container">
<header>
// 页眉内容
</header>
<div id="main" role="main">
// 主内容