css - 親の位置：絶対および子のz-index

Question

子供の.bricksのz-indexを高くして、他の親（赤い四角）と常に重なるようにしたいです。親は絶対に配置する必要があります。

実例： http： //jsfiddle.net/yJ62e/

html

<div class="cont">
<div class="draggable" id="b2">
<div class="brick"></div>
<div class="brick"></div>
<div class="brick"></div>
</div>
<div class="draggable" id="b2">
<div class="brick"></div>
<div class="brick"></div>
<div class="brick"></div>
</div>
</div>

css

    .cont {
    position:relative;
background-color: #747373;
height: 300px;
width: 300px;
margin:0 auto;
    }
.draggable {
    background-color: red;
right:100px;
cursor:pointer;
z-index:1;
position:absolute;
}

    #b2 {
height: 100px;
width: 100px;
}

.brick {
     background-color: blue;
height: 50px;
width: 50px;
float: left;
z-index:999 !important;
    }

Answer 1

私が考えることができる唯一の解決策は、.brick-Childrenも絶対に配置することです。そうしないと、z-indexは機能しません。