Z-index不会重叠到相同的DIV

要让z-index重叠到相同的DIV中，必须先确保具有相同z-index值的元素是兄弟元素，而不是嵌套的孩子元素。然后，使用position和z-index属性来设置它们的堆叠顺序。

HTML代码示例：

<div class="parent">
  <div class="child1"></div>
  <div class="child2"></div>
</div>

CSS代码示例：

.parent {
  position: relative;
}

.child1,
.child2 {
  position: absolute;
  top: 0;
  left: 0;
}

.child1 {
  z-index: 1;
}

.child2 {
  z-index: 1;
}

在这个示例中，'child1”和'child2”具有相同的z-index值，并以它们的父元素、'parent”为相同的定位上下文。由于它们具有相同的z-index值，它们不会重叠，而是按照它们在HTML中出现的先后顺序堆叠。