Javascript Can'；t重叠兄弟元素

我的定位有问题，我想将

.sibling child

置于

.parent

之上，而不修改当前的

z-index

。在CSS中有没有这样做的方法

在这里，JSF解决了这个问题

.parent{
宽度：300px；
高度：100px；
背景：#333；
位置：相对位置；
z指数：10；
}
.孩子{
顶部：60px；
位置：绝对位置；
宽度：50px；
高度：80px；
背景：红色；
}
.兄弟姐妹{
宽度：300px；
高度：100px；
背景：#ccc；
位置：相对位置；
z指数：9；
}
.兄弟姐妹{
顶部：10px；
位置：绝对位置；
宽度：70px；
高度：80px；
背景：蓝色；
}

---

这是我唯一能想到的

transform: translate3d(0, -100px, 20px);

.parent{
宽度：300px；
高度：100px；
背景：#333；
位置：相对位置；
z指数：10；
}
.孩子{
顶部：60px；
位置：绝对位置；
宽度：50px；
高度：80px；
背景：红色；
}
.兄弟姐妹{
宽度：300px；
高度：100px；
背景：#ccc；
位置：相对位置；
z指数：9；
}
.兄弟姐妹{
顶部：10px；
位置：绝对位置；
宽度：70px；
高度：80px；
背景：蓝色；
转换：translate3d（0，-100px，20px）；
}

---

在您的示例中，两个div元素都使用不同的z索引定位，这意味着它们按照它们在标记中出现的顺序堆叠，第一个声明的元素具有最高的堆叠索引

因此，根据该定义，

.sibling child

不可能出现在

.parent

上方

有关更多信息，请参阅。特别注意第9点：

由具有z索引的定位子体形成的堆叠上下文 在z索引顺序中大于或等于1（首先最小），然后是树 秩序

---

请定义你所说的“结束”是什么意思。你的意思是兄弟姐妹的孩子应该与父母重叠（即出现在父母的边界内）？@MarsAtomic Yes兄弟姐妹应在不修改z索引的情况下超过父级。通过保持z索引，无法删除

。兄弟姐妹

位于

。父级

之下，我需要它超过

。父级

我不确定您正在运行的浏览器，但是上面的代码肯定有蓝色的方块，而不是黑色的方块。希望我的回答能帮助你理解

z-index

@John Mejia的堆叠