CODEWITHSUNDEEP
cssbackgroundbackground-image
nimrod
nimrod

Reputation: 5732

CSS: Stretching image to 100% width

Hi all I am trying to strech the background of my side to fit the width. I only found big workarounds in the internet. Is there not one single command for this?

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

Thanks for the answers. Doonot

Upvotes: 17

Views: 44289

Answers (2)

Saurabh Gokhale
Saurabh Gokhale

Reputation: 46395

Use background-size like the one used below, 

body {
  background-image: url(money.jpg) no-repeat;
  background-size: 100%;
}

Some useful links :

Upvotes: 38

Keltex
Keltex

Reputation: 26426

If you have a CSS3 browser you can use background-size (read more about background-size):

body {
    background-image: url(money.jpg); 
    background-size: 100%;
}

Unfortunately this won't work in IE 6-8. IE 9, Firefox, Chrome, Safari it will work fine.

Upvotes: 7

Related Questions