html - 如何隐藏绝对定位元素下方的部分元素？

Question

例如我们有类a和b，下面是标记

body {
  position: relative;
}

.b {
  position: absolute;
  top: 0px;
}

<div class="a">
  This is class a
</div>

<div class="b">
  class b
</div>

有没有办法完全隐藏 a 类中与 b 类重叠的部分？

Answer 1

可能是 .b 的背景。由于这两个元素之间没有关系，我认为没有其他方法。

body {
  margin: 0;
}

.b {
  position: absolute;
  top: 0px;
  background: #fff;
}

<div class="a">
  This is class a
</div>

<div class="b">
  class b
</div>