如何在单个网页中添加多个背景？

Question

如何在单个网页中添加多个背景？我指的是不同部分的不同背景。

Answer 1

只需将这些部分划分为<div>。

<div id="section1"></div>
<div id="section2"></div>
<div id="section3"></div>

然后在每个上使用CSS background-image property。

#section1 { 
    background-image: url('images/section1.png');
}
#section2 { 
    background-image: url('images/section2.png');
}
#section3 { 
    background-image: url('images/section3.png');
}

Answer 2

假设您使用<div>来划分网页，可以使用background CSS属性为每个部分指定不同的背景。 Quick tutorial

Answer 3

如果你不关心资源管理器（哦，那将是多么美好），你could use multiple background on one div (CSS3)。