Не удается наложить изображение поверх другого

Question

Я ищу помощь. Я создал сайт, где я хочу иметь узорное фоновое изображение (отлично работает), но я хочу иметь изображение границы поверх фонового изображения сверху.

Я попытался использовать положение: абсолютный и установил z-индекс для каждого элемента, но каждый раз, когда он разрезает фоновое изображение пополам и вообще не накладывается.

Помощь!

Вот код, который у меня есть. Я новичок в кодировании, поэтому извиняюсь за любой плохой код!

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/