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

Question

我有一张我喜欢的照片。我想使用这个小图像填充我的页面，但图像有渐变效果，所以我不能使用重复。我有什么方法可以制作它以便图像被拉伸以用CSS填充页面吗？

Answer 1

不，您无法设置背景图像的大小。您必须使用图形编辑程序使用重复或拉伸图像本身。

您还可以使用包含IMG标记和CSS的变通方法：Stretch and scale CSS background

Answer 2

我意识到这是一个相当陈旧的问题，但在我偶然发现它的时候，我不妨在这里给出答案。

可以使用background-image CSS属性更改background-size的大小，如下所示：

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

请点击此处了解详情：CSS3 background-size property。