使用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。