Div出现在其他人身后。如何避免这种行为？

Question

我正在使用JQuery。问题是，当我从侧栏拖动一个物体时，我拖动的DIV出现在主区域后面，因此它看起来非常糟糕。我截取了问题的屏幕截图：http://i.imgur.com/Xu4GM.png

我拖的div有这个CSS：

.reporte_arrastrado{ width: 150px; height: 60px; background-color: silver; background-image: url(chart.png); background-position: left center; background-repeat: no-repeat; padding: 10px 0 10px 26px; position:relative; }

而且，代表主要区域的那个有这个CSS：

#tabs{ position:relative; }

就是这样......我在这里读了一些答案，人们总是建议将位置属性设置为相对。但是，它对我不起作用。

感谢阅读。

Answer 1

尝试设置可拖动DIV的z-index。

即：

#dragger {
  z-index: 2;
  position: absolute;
  width: ...

}

Answer 2

嗯...因为我根本没有太多时间......我只是在游戏中改变了JQuery的z-index。这就是我所做的：

$('#stuff').draggable({
    start: function(){
        $('#tabs').css('z-index', '-9999');
    },
    stop: function(){
        $('#tabs').css('z-index', '0');
    }
});

非常感谢你。