CSS: I'm trying to create a background with different pictures overlapped with each other, any links on this?

Question

CSS: I'm trying to create a background with different pictures overlapped with each other, any links on this?

Answer 1

Multiple backgrounds on a single element is not supported by browsers yet, its a CSS3 feature.

If you wan't to "overlap" these images, i suggest you place them using css position, and apply a z-index to these images.

For this you need one containing block, I.E. The "Basement" division, this should have "position: relative;" applied to anable absolute positioning inside it, you would also need to give it a z-index lower then its chrildren, I.E. "z-index: 1;

Its chrildren would each have one of your images applied as backgrounds, with the wished "z-index", whenever you wan't one image to overlap another, simply add a higher z-index.

I also suggest you add some transparency in your favorite image editor, to make the effect more visible.

See also:

http://www.brugbart.com/References/102/ - CSS Position Property