Fit website background image to screen size

Question

I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to.

I wanted to make my website background fit any screen size in width, height does not matter.

This is the link to my image:

    ../IMAGES/background.jpg 

EDIT

I have no idea what's wrong, but for some reason the body doesn't even want to get the background image. It just displays a plain white background.

body {background-image:url(../IMAGES/background.jpg);} 

Answer 1

you can do this with this plugin http://dev.andreaseberhard.de/jquery/superbgimage/

or

   background-image:url(../IMAGES/background.jpg);     background-repeat:no-repeat;     background-size:cover; 

with no need the prefixes of browsers. it's all ready suporterd in both of browers

Answer 2

Try this ,

 background: url(../IMAGES/background.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 

For more information , follow this Perfect Full Page Background Image !!