jQuery UI Draggable Перетаскивание ниже Абсолютно Позиционированных Элементов

Question

Я создаю интерфейс jQuery, в котором используется перетаскиваемая функция пользовательского интерфейса jQuery.По большей части это работает отлично, за исключением случаев, когда я перетаскиваю объект на элементы, которые имеют абсолютное позиционирование.Вместо того, чтобы появляться над абсолютно позиционированными элементами, перетаскиваемый объект появляется ниже.

Вы можете найти скрипку этого примера здесь: http://jsfiddle.net/spryno724/nTdrG/2/, или скачать соответствующую часть проекта здесь: http://box.com/webuploads.

Может кто-нибудь помочь мне обойти эту проблему?

Спасибо за потраченное время!

Answer 1

Добавьте z-index к вашему стилю:

span {
    display: block;
    background-color: #0F0;
    width: 250px;
    z-index: 1;
}

Answer 2

Вы также можете добавить zIndex к перетаскиваемому помощнику, чтобы он оставался «выше» всего остального на странице при его перемещении. http://api.jqueryui.com/draggable/#option-zIndex