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

回答1:

Use background-size like the one used below,

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

Some useful links :

• Scale background image style
• Stretch and Scale a CSS image Background - With CSS only

回答2:

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.

来源：https://stackoverflow.com/questions/5362750/css-stretching-image-to-100-width