Javascript 如何实现div与另一div的重叠？

如何实现

重叠，使div

#内部块位于前景中


#block-1{
位置：绝对位置；
宽度：200px；
高度：200px；
顶部：10px；
左：10px；
背景色：#999；
z指数：1；
}
#内块{
位置：相对位置；
宽度：100px；
高度：100px；
利润率：20px；
背景色：#777；
z指数：100；
}
#第2区{
位置：绝对位置；
宽度：200px；
高度：200px；
顶部：60px；
左：60px；
背景色：#666；
z指数：2；
}
一个简单的解决方案是更新HTML，如下所示：

<div id="block-1">
  <div id="inner-block"></div></div>
  <div id="block-2">
</div>

只需从
#bloc-1
中删除
z-index
。这将使
.internal block
属于
#bloc-1
的相同堆叠上下文，而不是由
#bloc-1
创建的堆叠上下文

对于具有“z-index:auto”的元素，将其视为创建了
新堆叠上下文，但任何定位的子体和子体
这实际上创建了一个新的堆叠上下文，应该被视为一部分
父堆栈上下文的，而不是此新上下文的

这意味着3个div将属于相同的堆栈上下文，因此我们可以有任何我们想要的顺序


#block-1{
位置：绝对位置；
宽度：200px；
高度：200px；
顶部：10px；
左：10px；
背景色：#999；
}
#内块{
位置：相对位置；
宽度：100px；
高度：100px；
利润率：20px；
背景色：#777；
z指数：100；
}
#第2区{
位置：绝对位置；
宽度：200px；
高度：200px；
顶部：60px；
左：60px；
背景色：#666；
z指数：2；
}

我不明白你的问题。前景中的
是什么意思？小块在大块的上面？我认为在当前设置中不可能这样，因为
#内部块
的父块的
z索引
低于
#块-2
。元素可以移动吗？一个简单的解决方案就是将内部块移动到block-2的子块。