Javascript z索引对两个div之间拖放的影响

我有两个容器div，希望在它们之间拖放元素。我可以将元素从第二个容器拖放到第一个容器，但不能反过来。问题是第一个容器的元素似乎比第二个容器的z索引低。当我拖动它们时，它们会滑到第二个容器下面。我必须做什么才能让所有的元素都在上面，并且可以拖到任何可放下的容器上？这是显示问题的小提琴

---

如果将元素从容器1拖动到容器2，它将位于容器2下。如果从容器2中拖动元素，则可以将其拖动到容器1上。之所以会发生这种情况，是因为容器2是在容器1之后添加到文档中的。

有一个类名，jQuery UI会添加到正在拖动的元素中。拖动完成后，将删除此类。该类称为

ui可拖动拖动
。如果您在
ui可拖动类中添加高z索引，您的问题将得到解决。
它应该能解决你的问题。看起来你的代码有bug。调试它并添加这个css。那就行了

 .ui-draggable-dragging{z-index:9999;}

为了解决这个问题，我必须删除容器的z索引

.comdiv  { 
   padding: 0;
   margin-top: 20px;
   margin-left: 20px;
   border: 1px solid DarkKhaki;
   border-radius: 3px 3px 0px 0px;
   box-shadow: inset 0px 0px 10px DarkKhaki;
   /* z-index: 26; */
}

.
在chrome、firefox 6或ie9中，你的小提琴没有z-index问题-什么浏览器给你带来麻烦？@MartinJespersen这发生在ie9上。在我的机器上的ie9中，它工作得很好…在CSS样式中为UI Dragable设置z-index并没有解决问题。