CSS bg-img 覆盖 "first look/visit"

Question

我正在网站上工作，我想用背景图片覆盖整个 "first look"、"first visit"。下一个内容应该只有在您向下滚动时才可见。例如：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);
}

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