Question

关于上述主题，我想知道如何添加代码，将背景图像大小设置为完全覆盖窗口，而不会切断边。我尝试使用高度和宽度自动，覆盖和100％但没有工作。

感谢任何帮助。谢谢！

Answer 1

使用CSS background-size属性。

如果您希望背景图像将区域填充到最小宽度/高度，请使用：

background-size: cover;

如果您希望背景图片填充尽可能大的区域，但仍然显示您的所有图像：

background-size: contain;

Answer 2

html{ width:100%; height:100%; 
      background:#fff url(image.jpg) center center no-repeat;
      background-attachment: fixed;
      background-size:100% auto;
}

Answer 3

实际上，我找到了它！我使用div使用ID'wrapper'将整个内容包装在body中，然后使用以下CSS代码：

#wrapper
{
background-image: url('Media/bg.jpg');
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
}

感谢您的帮助！：）

根据视口大小设置背景图像以覆盖

3 个答案: