I need help putting a background image on a a web page. This seems like an impossible task.
Here are the requirements.
1. Must be done with CSS. no <img> tags.
2. Must show the entire image. i.e. The 4 corners of image must be pinned to the 4 corners of the browser.
3. Image Must not wrap.
The following code snippet chopps off the top 1/2 of the image.
How do I pin and stretch the background image to all 4 corners of the page without wrapping?
/* why does this snippet chop off part of the background image?*/
background: fixed center center url(/images/bg.jpg) #000;