Html Z索引不适用于父级中的子级

我知道有很多关于z-index的问题，但是我看了一遍，仍然没有看到我在这里遗漏了什么。一定是我忽略了一些简单的事情。我在其他元素上做过z索引工作。有人帮帮我：

.parent{
宽度：100%；
位置：相对位置；
背景：红色；
显示：内联块；
}
.1，
.2{
宽度：40%；
位置：相对位置；
z指数：1；
背景：黄色；
}
.2{
浮动：对；
}
.顶{
宽度：60%；
位置：相对位置；
z指数：5；
保证金：0自动；
背景：蓝色；
}

你好
再一次
再见

问题不在于你的z指数，而在于你的定位

如果我理解正确，您希望您的元素具有绝对的定位，并位于“顶部”分区之下

编辑：

将CSS更改为

.bottom1, .bottom2 {
    width: 40%;
    position: absolute;
    z-index: 1;
    background: yellow;
    height: 50px;
}

.bottom2 {
    right: 0;    
    top: 0;
}

---

到底是什么“不起作用？”我的问题与jbutler483相同。您说“top”div的z索引应该为6，并显示在顶部，它确实如此。这不是你想要的吗？编辑：我进入你的小提琴，摆弄了z索引值，一切似乎都按预期进行。它们仍在堆叠…我需要顶部框显示在底部框1和2上方，分别位于父div的左侧和右侧。顶部的框将位于父div的中心，在其他两个上方。我将JSFIDLE更新到这个位置，以尝试演示我的问题解决方法。。。再次感谢您的帮助。这不再是z-index属性的问题，而是您的位置的问题。谢谢您的建议…但是基于您上面的评论…我玩了物理位置和浮动。我把中间的球移到最后一个位置，然后给第一个球向左浮动，第二个球向右浮动。然后我就不需要使用绝对定位了……非常感谢！：-）我尽量少用浮子，但我很高兴能帮上忙。