我想創建一個網頁背景多個圖像網頁身體背景多個圖像
即
<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>