内部div中的z-index高于父div

Question

内部div的z-index是否可能具有更高的值并且堆叠在其父div之上。

例如                        

css

#parentdiv{
    z-index: 10;
}

#childiv{
    z-index:12;
}

我需要这个才能工作，因为默认情况下它设置为显示时隐藏了内部div我想让它高于另一个div（seconddiv）z-index:11;但是，父{{1}必须低于seconddiv。我确信我可以使用jquery做到这一点，但我想知道这是否可以使用css

Answer 1

答案是肯定的。这正是z-index的用途。想想在Photoshop中像z-index一样的层。在上面的示例中，＃childiv将位于＃parentdiv之上。你也可以进入负z-index。如上所述，您需要设置位置。

#parentdiv {
position:relative;
z-index:10;
}

#childiv {
position:absolute;
z-index:12;
}

添加了一个小提琴来帮助你。 http://jsfiddle.net/9UMc9/

Answer 2

我有一个类似的问题，我试图在父母和孩子之间插入第二个div。不幸的是，纯CSS无法实现这一点。