Hi, I have been told this is impossible, but I want to try it anyways: I have 2 background images. One that goes to about half way down the blog, and the other that goes down the other half of the blog. How can this be done? I assume I would need a background behind a background, no? See the blog I am talking about: http://www.empiremarketing.ca/blog (scroll down) These are the two images I want to use: fist half: http://www.empiremarketing.ca/NewImages/bodybg.jpg second half: http://www.empiremarketing.ca/NewImages/bodybg2.jpg Any thoughts or ideas on how exactly this can be done?
It is. That's a known psychological problem. Without tricks, it can't be done with normal CSS. However, a new CSS3 property will allow this in modern browsers which means, of course, it won't work in IE. So far, only Webkit browsers support it.
Yes, by using two containers. One background image per container. Until, as the doc says, CSS3 gets embraced by more than one browser.
To clarify things a bit. First background image set as a body background image. The second background image set as background image of the div that holds the width and height of 100%. (In this div set the remaining design.) So using position properties can position your background image to the desired place.