Question

例如，我们有课程a和b，以下是标记

＆＃13;

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

＆＃13;

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

＆＃13;

有没有办法让类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>

Answer 2

我不确定我是否完全理解这个问题......但如果你的目标是制作＆＃34; b＆＃34;在覆盖＆＃34; a＆＃34;时完全不透明，那么你可以通过使用：before和：after伪元素来获得你正在寻找的灵活性，就像＆＃34; b的单独层一样。＆＃34; https://css-tricks.com/pseudo-element-roundup/

或者，如果您在获取＆＃34; b＆＃34;要在＆＃34; a＆＃34;之上，确保＆＃34; b＆＃34; z的深度大于a。

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

2 个答案: