Question

我正在尝试创建包含多个图片的网页背景

即

<html>
<head>
</head>
<body
top image(no reapeat)
middle image(repeat y) 
bottom image(no repeat)>
</body>
</html>

我将1张图像分成3个部分，以便中间图像可以根据正文的大小增长

请告知我如何做到这一点

Answer 1

可以使用多种方式实现多个背景，但CSS3允许使用多个背景图像，

$body {
background-image: url(bg1.png) url(bg2.png) url(bg2.png);
background-repeat: 5% 90% 5%;

}

但是大多数旧浏览器都不支持css3，还有另一种使用像雅虎主页这样的精灵。

Answer 2

您可以使用多个div，每个div都有一个背景

<div style="background: url('image1.jpg');">
    <div style="background: url('image2.jpg');">
        <div style="background: url('image3.jpg');">
        </div>
    </div>
</div>

Answer 3

为此，您可以在页面的页首，正文，页脚部分使用div，并相应地在这些div中设置这些图像。

网页背景与多个图像

3 个答案: