2014-10-10 142 views
1

我需要在我的網站使用一個靜態的不重複的背景圖像後,但是當圖像完成(垂直),我需要反覆使用其他圖片。這怎麼能做到?CSS重複的背景圖像的背景圖像完成

對於第一形象應該是這樣的:

background:url(../img/header/main_bg01.jpg) no-repeat top center; 

但對於第二個,第一個後垂直,應該做的服用點,如:

background:url(../img/header/main_bg02.jpg) repeat top center; 
background-repeat: repeat-y; 

怎麼能這樣做?

問候,

回答

2

使用相同的元素多背景(調整大小,以您的需求):

background: 
    url(bg1.png) 500px 100px no-repeat, 
    url(bg2.png) 50px 100px repeat; 
+0

良好的解決方案,但IE8不支持多背景 – 4EACH 2014-10-10 11:56:38