Html 滚动不起作用

所以我有这个页面，有一个背景图片，占满了页面的100%。问题是，现在我的滚动不起作用，这会在小屏幕上出现问题，因为用户无法查看页面底部的内容

CSS代码：

HTML代码

您已使用：溢出：隐藏；用于html和正文

所以你将无法滚动

您已使用：溢出：隐藏；用于html和正文

<div>
    <img id="background" src="background.png" />
</div>

所以你将无法滚动

<div>
    <img id="background" src="background.png" />
</div>

这应该成为背景。 在css正文中{background:url'background.png'no repeat；}等等

这应该成为背景。

---

在css正文中{background:url'background.png'no repeat；}等等。

您必须在css中设置背景，而不是在html中设置背景。设置如下背景：

body{
background: url('background.png');
}

还可以使用“重复”和“大小”选项：

background-repeat: no-repeat;
background-size: cover;

我在这里使用了背景色作为示例：

---

您必须在CSS中设置背景，而不是在html中设置背景。设置如下背景：

body{
background: url('background.png');
}

还可以使用“重复”和“大小”选项：

background-repeat: no-repeat;
background-size: cover;

我在这里使用了背景色作为示例：

移除溢出：从html、正文css中隐藏，并添加以下内容

body
{
    background: url('background.png') no-repeat;
}

移除溢出：从html、正文css中隐藏，并添加以下内容

body
{
    background: url('background.png') no-repeat;
}

您正在CSS中使用overflow:hidden设置

根据，使用此设置时：

溢出的内容将被剪裁，其余内容将不可见

这还意味着您不仅看不到滚动条，因为浏览器也不允许您在该元素中滚动

因此，您的问题的答案是：只需删除该CSS规则。

您正在CSS中使用溢出：隐藏设置

根据，使用此设置时：

溢出的内容将被剪裁，其余内容将不可见

这还意味着您不仅看不到滚动条，因为浏览器也不允许您在该元素中滚动

因此，您的问题的答案是：只需删除CSS规则