jQuery UI Перетаскивается в контейнер с фиксированным положением?

Question

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

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

http://jsbin.com/igiqan

Answer 1

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

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

Дайте ему явное z-index поэтому самой передней:

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

DEMO