Static image in background, with static image in foreground

getintanked · Joined: 03 Feb 2008 Posts: 1

I need help with positioning a static image that will be in the back ground (not neccearily the background-image) with another image directly on top of it so that text can scroll inbetween them as you go down the page. While the images stay at the top of your screen while you scroll.

I've tried several differnt ways and I can't get it to do what i'm describing...

Any ideas?

madprof · Joined: 26 Jan 2008 Posts: 98

Try this:

Create a <div> with a background image that has background-attachment: fixed and is relatively positoned. Put the text in this.
Then create, within this same <div>, another <div> that is absolutely positioned where you want it and make sure it has a height and width applied to it big enoughj to fit the image. Then make this image a background image and background-attachment: fixed

I've tried this on FF and IE 7 and it seems to work.