html - 如何将主体设置为图像高度并使其可滚动?

标签 html css

我有一个带有背景图片的 body 标签。

它的css属性如下:

body {
  background-image: url(image-url);
  background-size: cover;
  background-repeat: no-repeat;
}

当前页面不可滚动。

假设图像的高度超过 100vh 有没有办法让 body 延伸到图像的高度,而 body 标签内没有任何内容。

最佳答案

你不能滚动,因为正文没有内容。尝试将不可见的图像放入体内。像这样:

<body style="background-image: url(your-image.jpg);">
 <img src="your-image.jpg" style="visibility: hidden;" />
</body>

关于html - 如何将主体设置为图像高度并使其可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59643609/

相关文章:

javascript - 将数组(从文本文件读取和处理)元素显示到 JavaScript 中的新行

Jquery fadeIn()每次滚动到底部时一个接一个的多个div

CSS:将除最后一个元素之外的所有列表元素居中

html - 堆叠具有不同宽度和高度的html div?

html - div float 的问题

html - 将TopBar填充到屏幕末尾

javascript - 从下拉列表中选择 javascript 事件

html - h2不在同一垂直线上

javascript - 操作 DOM 时究竟更新了什么

css - 用空格并排显示 2 张图像 (Css)