Css 具有相对和绝对定位组合的z指数问题

请查看并演示如何将蓝色的

放在粉色的

后面。正如您所看到的，我已经准备好使用cssz-index属性进行此操作，但没有成功。

---

[更新] 现在我蓝色分区中的按钮不起作用。

粉红色

div

具有不透明度，因此您可以看到结果

蓝色的

div

不能是粉色的

div

的子元素，如“堆叠上下文完全独立于其同级：处理堆叠时只考虑子元素”

---

我想你不能用zIndex来做但是，你可以通过使用不透明度使其不可见。

我不认为他在为他的问题寻找不透明度魔法though@corroded在本例中，不透明度仅显示粉红色的

div

在

蓝色的上方。谢谢您，您的示例可以工作，但当我将按钮放在蓝色的
中时，它不能工作工作。@好奇的web开发者它不会工作，因为它在另一个
div
后面。对于我正在做的事情，蓝色div必须是主div的一个孩子。有什么方法可以让它工作吗？