CSS：将图像拉伸至100％宽度

Question

大家好 我想拉伸我身边的背景以适应宽度。我只能在互联网上找到大的解决方法。有没有一个单一的命令呢？

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

感谢您的回答。 Doonot

Answer 1

使用background-size像下面所使用的，

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

一些有用的链接：

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

Answer 2

如果你有一个CSS3的浏览器，你可以使用background-size（read more about background-size）：

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

不幸的是这不会在IE 6-8的工作。 IE 9，Firefox，Chrome，Safari它会正常工作。