javascript - 新的 dom 创建了 div，总是在其他之上

Question

我正在使用 DOM 创建一些 div:s，每次单击 div 时，z-index 都会增加一。

问题是，当我们说...我已经创建了 10 个 div:s，顶部的那个将有 Z-index:10 所以如果我创建一个新的 div 它会得到 Z-index:1 所以我必须点击它 11次把它放在首位。

任何想法如何在 JavaScript 中设置它？还是我应该在 CSS 中使用它？

干杯

用小提琴更新。 http://jsfiddle.net/dymond/tQdFZ/20/

虽然有些问题。当 library 设置为 No-Wrap 时，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解决的问题