2011-05-21 151 views
0

我想创建一个网页背景多个图像网页身体背景多个图像

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

我已经削减1个图像分成3个部分,使得中间的图像可以根据成长正文的大小

请告知我怎么能做到这一点

回答

0

为此,您可以在头部,身体,页面的页脚部分使用div并相应地在这些div中设置这些图像。

1

多重背景可以实现用各种各样的方法,但CSS3允许使用多个背景图像,

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

}

但大多数老的浏览器不支持CSS3,存在使用另一种方式精灵像雅虎主页。

1

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

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