一個又一個的背景圖像，怎麼樣？

Question

我試圖使用下面的代碼水平使用不同的背景圖像，但只有最後一個圖像出來。

.wallP{background-image:url(images/arc.png) centre left, 
url(images/bg_st.png); 
background-repeat:repeat-x; 
} 

Answer 1

每個元素只能有1個背景圖片。

你可以將它們混合在一起，並有一個精靈顯示它。

或者，創建不同的元素：

<div id="one"></div> 
<div id="two"></div> 
<div id="three"></div> 

然後給他們所有單獨的背景：

#one{ 
    background:url(images/arc.png); 
} 
#two{ 
    background:url(images/bg_st); 
} 
#three{ 
    background:#0f0f0f; 
} 

此外，您發佈的任何代碼，它不會顯示。它有各種錯誤：

background-image:background-image:url 
       ^only need the one background-image 

url(images/bg_st.png; 
       ^missing a ')'