CSS z-index 问题

Question

这是 fiddle :http://jsfiddle.net/6Lk4s/

<div class="box">
    <div class="c1"></div>
    <div class="c2"></div>
</div>

我尝试在 .box 后面显示 .c1 和 .c2(因此 box 具有更高的 z-index 并且所有三个类都有 position:relative 集)，但我无法以这种方式显示它。

我的错误是什么？

Answer 1

.c1 和 .c2 是 .box 的一部分(因为它们是它的子元素)如果你想让它们落后它们必须是分离的元素

同样要定位在 .box 后面，最简单的方法是绝对定位它们，请参阅:http://jsfiddle.net/6Lk4s/1/

有关 z-index 如何工作的更多文档，请参阅 w3c 规范，感谢 @Joseph Silber:http://www.w3.org/TR/CSS2/zindex.html#painting-order