# CSS - layering background images

**URL:** <https://forum.kirupa.com/t/css-layering-background-images/230849>\
**Category:** web dev\
**Created:** [June 29, 2007, 12:20pm UTC](https://forum.kirupa.com/t/css-layering-background-images/230849 "2007-06-29T12:20:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cew](https://avatars.discourse-cdn.com/v4/letter/c/46a35a/32.png) [@cew](https://forum.kirupa.com/u/cew)\
**Post date:** [June 29, 2007, 12:20pm UTC](https://forum.kirupa.com/t/css-layering-background-images/230849/1 "2007-06-29T12:20:52Z")

</div>

Hi I was wondering if someone could help me sort out what I think could be a simple problem.

I am using a background image on my site which I want to then layer 2 gif images on top of:

one gif image has to repeat for the entire page as the background image (no i cant include this on the original background image, it MUST be a separate element)

and the other image must be centered on top of these two images. the only site i have noticed to date with something similar is this one [http://bockmantheband.com](http://bockmantheband.com/)

I am new to CSS and the containers looks a bit complex, any help on the css would be great.

Feel free to ask more questions if i have not made myself clear

CEW