具有相对和绝对定位组合的z-index问题

Question

请查看this example并告诉我如何让蓝色<div>落后粉红色<div>。正如你所看到的，我已经准备好用CSS z-index属性尝试了这个，但没有成功。

<小时/>

[更新]

New Link现在我在蓝色div中的按钮不起作用。

Answer 1

jsFiddle

粉红色div具有不透明度，因此您可以看到结果。

蓝色div不能是粉红色div的孩子。

Answer 2

如 mozilla developer page 中所述，“堆叠上下文与其兄弟姐妹完全独立：处理堆叠时只考虑后代元素。”

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