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它會正常工作。