Div, который появляется позади других. Как избежать этого поведения?

Question

Я использую JQuery для этого.Проблема в том, что когда я перетаскиваю объект из боковой панели, DIV, который я перетаскиваю, появляется за основной областью, поэтому он выглядит очень плохо.Я сделал снимок экрана с проблемой: http://i.imgur.com/Xu4GM.png

У элемента, который я перетаскиваю, есть этот 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; }

Вот и все ... Я прочитал некоторые ответы здесь, и люди всегда предлагают установить свойство position относительно.Но это не работает для меня.

Спасибо за чтение.

Answer 1

попробуйте установить z-индекс вашего перетаскиваемого DIV.

е:

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

}

Answer 2

Ну ... так как у меня совсем не так много времени ... Я просто изменяю z-index с JQuery динамически.Вот что я сделал:

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

Большое спасибо.