html - 在固定元素之上滚动元素

Question

我想要一个固定的元素，其他元素可以在上面而不是下面滚动。

像这里我希望“文本”在白框的顶部向上滚动而不是被它覆盖

html{
  background: grey;  
}

.white{
  position: fixed;
  background: white;
  width: 100%;
  height: 50px;
}

.space

<div class='white'></div>
<div><br><br><br>text</div>
<div style="height:1000px"></div>

Answer 1

您需要使用 z-index。

所以 .white 将是一个 z-index:100，然后使用 z-index:101 向您的文本 div 添加一个类