Html 低于全高潜水舱的潜水舱

我正在制作一个单页网站，所以它是一个长页面。 但我想做一个第一个div，它是页面的全高全宽，并且有一个居中的logo。然后我想在它下面固定高度放置div

因此，当页面打开时，徽标始终居中，下面的div还不可见（因为第一个是全高的）。当他们开始滚动时，下一个div就在它的正下方并显示出来

这可能吗？我试着找这个，但什么也没找到

谢谢 Max

给你：

---

什么是桥？你能发布一些你尝试过的东西吗？试试

z-index

CSS属性。。。明白了吗

html, body {
  width: 100%;
  height: 100%;
}

#logo {
  width: 100%;
  height: 100%;
  background: #ccc;
}

#logo > img {
  border: 10px white solid;
  left: 50%;
  margin-left: -130px; /* the width of your image divided by 2 */
  top: 50%;
  margin-top: -130px; /* the height of your image divided by 2 */
  position: absolute;
}