Show entire background image to user

[bryzo]

I would like to place a background image on my website...but I want the entire image to be viewable to the user, no matter what the size of their browser is.....so how do I have the image autoresize depending on the size of the browser window?

Tanks!

[sssharlasss]

You're not going to be able to do this in CSS, but it can be achieved with JavaScript.

Create a layer (for the background image) to go beneath
the existing content and resizing the image according to the screen
width.

bgimg = document.createElement("bgimg");
bgimg.src = "/images/bg.jpg";
st = {
position:"absolute",
zIndex:"-10",
width:screen.width,
top:"0",
left:"0"
}
for( s in st ){
img.style[s] = st[s];
}
document.body.appendChild(bgimg);

Bada-bing, bada boom.

[rrjnsy89]

Pretty smart to use a layer for that, I would’ve thought that could have been achieved on CSS, but you’re the master.