Question

I’m looking for a way to get the background image to resize to the page size (Note: not just the browser window size). For example say the page loads, and the page height necessitates a scroll. Is there a way of resizing the background image taking into account the content below the visible portion of the screen?

Answer 1

If using CSS3 is’nt a problem:

$('body').css('background-size', document.width+'px '+document.height+'px');​

Fiddle