jQuery UI Перетаскивается в контейнер с фиксированной позицией?

Question

У меня есть простой пример, когда я пытаюсь перетащить элемент внутрь другого элемента с фиксированной позицией. Когда я помещаю элемент в контейнер с фиксированной (или абсолютной) позицией, элемент больше не перетаскивается.

У кого-нибудь есть мысли? Я думаю, что это может быть немного проблемой, если какие-либо фиксированные / абсолютные контейнеры приводят к тому, что перетаскиваемые элементы не работают должным образом. Смотрите мой JS Bin.

http://jsbin.com/igiqan

Answer 1

Это на самом деле не имеет ничего общего с позицией fixed.

Ваш перетаскиваемый элемент имеет меньший неявный z-индекс , основанный на дереве DOM. Поэтому, когда вы перетаскиваете его в область перетаскивания, оно становится ниже it.

Дайте ему явное z-index, чтобы оно было первым:

.box
{
    width: 20px;
    height: 20px;
    color: #c40000;
    background-color: #c40000;
    z-index: 100;
}

DEMO