javascript - 新しいdomがdivを作成し、常に他の上に

Question

DOMを使用していくつかのdiv：を作成しています。divをクリックするたびに、z-indexが1つ増えます。

問題は、たとえば... 10個のdiv：sを作成した場合、一番上にあるものはZ-index：10になるため、新しいdivを作成するとZ-index：1になるので、クリックする必要があります11それを上に乗せるための時間。

これをJavaScriptで設定する方法はありますか？それともCSSでそれを持っているべきですか？

乾杯

フィドルで更新されました。 http://jsfiddle.net/dymond/tQdFZ/20/

しかし、それにはいくつかの問題があります。ライブラリがラップなしに設定されている場合、divは移動できません。それをonloadに変更すると。divは移動しますが、新しいボックスアイコンは機能しません。

Cssコード

.box {

    width : 100px;
    height : 100px;
    position : absolute;
 background-color:red;
}

.hand{
       width: 48px;
        min-height: 12px;
       background: yellow;
    z-index:1;
    border:1px solid black;
}

cssのZ：1000で解決された問題