新的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/

虽然有些问题。当库设置为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解决了