使用CSS背景拉伸圖像以填充背景

Question

我有一張我喜歡的圖像。我想使用這個小圖像來填充我的頁面，但圖像具有漸變效果，所以我不能使用重複。有沒有什麼辦法可以讓圖片被拉伸到用CSS填充頁面？

Answer 1

不，你不能設置背景圖像的大小。您必須使用圖形編輯程序才能使用重複或圖像本身。

你也可以使用一個解決方法與IMG標籤和CSS：Stretch and scale CSS background

Answer 2

我意識到這是一個相當古老的問題，但看到我偶然發現了它，我不妨把答案在這裏。

有可能通過使用background-size CSS屬性，像這樣改變background-image大小：

.class { 
    background-image: url(....); 
    background-size: 100% 100%; 
} 

看看這裏更多：CSS3 background-size property。