I want to use an image as a background, OK, fairly easy I think, I put the following into my CSS style file:-
body { background: white url(sky.jpg) no-repeat; }
I only want the image once at the top of the page, hence the "no-repeat".
However, big problem, is there any way to tell my browser to fit the image to the width of the browser page rather than the other way around?
It's easy enough if I'm displaying an image using the HTML IMG operator as I can set the "width=100%" and the image is scaled to fit across the browser's window but I can't see any easy way to do this when the image is set as a background. I can sort of understand that this might not be possible but it would be really nice if it was possible by some means as I want to use the image as a backdrop for all my page headings.
If I can't do it using CSS "background" how can I get two images (or an image and a heading) to be put one on top of the other?