父位置：绝对和子z索引

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将无效。