How can I use 3 images in the background of a div

I want to create a background for my site that consists of a repeatable middle section, a top part and a bottom part. Is it possible to do this in the background property of a div?
Or I could set the div's background to the repeatble part and use absolute/relative positioning for the top and bottom images but then how do you get them behind the text?

Thanks for any help

 

Anything is possible. Do you have a visual description (wire frame) of what you're looking for?

 

Is this what you need? http://viladi.co.il/wmp/Webed4it/

 

u can use the html, body and a div that gives u three layers

 

Create 3 sections(divs) and assign 3 different backgrounds and repeat the background of the middle div. I dont think 3 backgrounds is possible.

 

Google for CSS multiple backgrounds.

 

Use this html code

<div class="diva"><div class="divb"><div class="divc">Hello World!!</div></div></div>

HTML:

and this CSS code

.diva{ background-image: url('x.jpg') }
.divb{ background-image: url('y.jpg') }
.divc{ background-image: url('z.jpg') }

Code (markup):

 

The way I would do it if I wanted a quick easy solution.

I would work out how big my div background needs to be...and create one in Photoshop or for the free option Gimp or something like that...

You would just need to select your images and merge them in to your .psd background....flatten the whole thing and apply it.

How easy this is, would primarily be dependent on what editor you are using, I personally use dreamweaver and write my own code but the above option
should be fairly straight forward in most editors.