不能將圖像疊加在另一個上

Question

我在尋找一些幫助。我已經建立了一個網站，我想要有一個圖案化的背景圖片（工作正常），但是，我想在頂部的背景圖片頂部有一個邊框圖片。

我已經嘗試過使用position：absolute，並且在每個元素上設置z-index，但每次都會將背景圖像切成兩半，並且根本不覆蓋。

幫助！

下面是我到目前爲止的代碼。我對編碼很陌生，所以請原諒任何糟糕的代碼！

body { 
color:#787371; 
background:url(images/line-top.png) repeat-x top; 
position: absolute; 
z-index: 1; 
} 

#bodychild { 
background:url(images/bg-body.jpg); 
border:0; 
position: absolute; 
z-index: 10; 
} 

Answer 1

使用多背景：

body { 
background: 
url(http://subtlepatterns.com/patterns/dark_fish_skin.png) center top repeat-x, 
url(http://subtlepatterns.com/patterns/food.png) center top repeat; 
} 

更多信息：http://css-tricks.com/stacking-order-of-multiple-backgrounds/