HTML/CSS 背景图像仅显示使用的图像的一部分答案

【问题标题】：HTML/CSS Background Image Shows Only Part of the Image UsedHTML/CSS 背景图像仅显示使用的图像的一部分
【发布时间】：2011-09-07 19:48:16
【问题描述】：

正如标题所述，我目前正在建立一个网站，我对此并不陌生，并且正在努力快速学习。然而，这个问题非常令人沮丧，因为我去过的网站没有帮助。

所以目前我有一张分辨率足够高的图像，可以轻松填满屏幕。但是，当我加载 HTML 时，图像会在右上角放大，这是唯一可见的部分。我尝试过使用“高度”和“宽度”命令。我也试过没有它们。我尝试使用<div> 和<body>。但是这个问题仍然存在。

还有一点是，当我使用<div> 时，整个屏幕都没有被填满，我认为<div> 周围仍然有一个白色边框。

【问题讨论】：

【解决方案1】：

如果你需要支持老版本的浏览器，并不是仅仅添加一两个属性那么简单。

还有一点是，当我使用<div> 时，整个屏幕不是填充，它仍然有一个白色边框，我认为是 <div>.

您需要此 CSS 来删除 body 上的默认 margin：

html, body {
    margin: 0;
    padding: 0;
}

【讨论】：

【解决方案2】：

好的，我建议您不要将宽度和高度设置为 px 而是以 % 为单位，然后尝试使用 CSS 设置图像

【讨论】：