是否可以在不同级别对z-index div进行索引？

Question

也就是说，如果我有以下内容：

<div id="a">
    <div id="b"></div>
</div>
<div id="c"></div>

我是否有可能将b放在c下面而不放在c下？我觉得答案是肯定的，但我很好奇是否有一些我不知道的css诡计。

Answer 1

如果您这样做，b也会落后a，因此不可见。

Answer 2

#a {
     z-index: 50;
}

#b {
     z-index: 0;
}

#c {
     z-index: 25;
}

当然，如果#b完全包含在#a中（没有负边距等），则不会看到它。如果你正在寻找一种循环的z-index，我认为不可能做到。你可能需要将div分成几块并“伪造”它。

Answer 3

不，这是不可能的。 b和a将作为一组“一起”索引，并且c将单独计算。见http://jsfiddle.net/73KXM/

Answer 4

是的，确实如此。 如果要使用z-index，则必须将位置设置为relative。