我想创建一个网页背景多个图像网页身体背景多个图像
即
<html>
<head>
</head>
<body
top image(no reapeat)
middle image(repeat y)
bottom image(no repeat)>
</body>
</html>
我已经削减1个图像分成3个部分,使得中间的图像可以根据成长正文的大小
请告知我怎么能做到这一点
我想创建一个网页背景多个图像网页身体背景多个图像
即
<html>
<head>
</head>
<body
top image(no reapeat)
middle image(repeat y)
bottom image(no repeat)>
</body>
</html>
我已经削减1个图像分成3个部分,使得中间的图像可以根据成长正文的大小
请告知我怎么能做到这一点
为此,您可以在头部,身体,页面的页脚部分使用div
并相应地在这些div中设置这些图像。
多重背景可以实现用各种各样的方法,但CSS3允许使用多个背景图像,
$body {
background-image: url(bg1.png) url(bg2.png) url(bg2.png);
background-repeat: 5% 90% 5%;
}
但大多数老的浏览器不支持CSS3,存在使用另一种方式精灵像雅虎主页。
您可以使用多个div而且每一个都有一个背景
<div style="background: url('image1.jpg');">
<div style="background: url('image2.jpg');">
<div style="background: url('image3.jpg');">
</div>
</div>
</div>