Search code examples
htmlcssbackgroundsizeresponsive

Fit website background image to screen size

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);}
Solution

  • 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 browsers