CSS bg-img 覆盖“第一次看/访问”

Question

我正在开发一个网站，我想用背景图片覆盖整个“第一眼”、“第一次访问”。下一个内容应该仅在您向下滚动时可见。例如：https://www.piccola-koeln.de/ 就像他们的第一张背景图片，他们餐厅的照片。

我希望我能描述一下我需要帮助的地方。

谢谢！

Answer 1

https://jsfiddle.net/yj0rqccL/

<div class="bg"></div>

.bg {
  height:100vh;
  width:100%;
  background:url(https://i.imgur.com/sduLRvf.jpg);
}

此单位将匹配视口高度。确保你做一个最小高度，这样当浏览器的高度变小时，你的元素将保持在原地。