有没有办法使用css将子元素放在其父元素后面？

Question

我想知道是否有办法使用css将子元素放在其父元素后面.我现在z-index不是一个选项,因为子元素继承了父元素的z-index.但我想知道是否有一个黑客或任何我可以用来完成这件事.或者,如果有一个javascript黑客或任何东西.

原谅糟糕的英语.

Answer 1

如果父母没有z-index,而孩子有负面z-index则有效.点击这里:

jsfiddle.net/L29d2/

HTML

<div class="big">
    <div class="small"></div>
</div>

CSS

.big {
background-color:red;
width:400px;
height:400px;
}
.small {
float:left;
position:absolute;
background-color:blue;
width:200px;
height:200px;
margin-left:300px;
z-index:-1;
}