html - 背景图片设置在 HTML 标签下,但无法滚动查看完整图片

标签 html css

我刚开始使用 Angular,但确实练习过 HTML、JS 和 CSS。我试图让背景图像填充页面的宽度,然后我希望能够滚动以能够看到图像的其余部分。 (图片高大于宽)。

我已经在全局样式表 style.css 中的 HTML 标签下设置了背景图片,它出现并完全按照应有的方式填充宽度,但我无法弄清楚如何能够滚动查看图像的其余部分。

这是 style.css 中的内容:

html { 
    background-image: url("app/Images/Background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    margin: 0;
}

我尝试添加 overflow: scroll 但这只是在页面的一侧添加了一个滚动条,但没有让我滚动。

我需要添加什么才能让年龄滚动以查看整个背景图像?

最佳答案

你可以使用自定义高度...但是你必须使用img标签

高度:1000px;

关于html - 背景图片设置在 HTML 标签下,但无法滚动查看完整图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55920548/

相关文章:

css - Django 不在 css 中显示图像

html - 如何创建没有 float 的下拉导航栏?

javascript - 提交内容后删除文本字段

javascript - 使用 CSS 或 JavaScript 水平对齐表格行

javascript - 使输入无法聚焦,tabindex ="-1"不起作用

javascript - 使用 JQuery 附加带有样式的 div

html - CSS : Display none to first div of inner div in section

javascript - 具有多种输入类型的自动完成功能,动态插入

html - Sass 对 @at-root 的使用

javascript - 如何为复制到剪贴板制作多重选择器或多重 ID