开发者

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 开发者_C百科the internet. Is there not one single command for this?

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

Thanks for the answers. Doonot


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


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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜