jQuery UI可拖动到固定位置容器？

Question

我有一个简单的例子，我试图将一个元素拖动到另一个具有固定位置的元素中。一旦我将元素放入固定（或绝对）位置容器内，该元素就不再可拖动了。

有没有人有任何想法？我认为如果任何固定/绝对定位的容器导致可拖动元素无法正常工作，这可能会有点问题。见我的JS Bin。

http://jsbin.com/igiqan

Answer 1

这实际上与fixed职位无关。

您的draggable元素具有基于DOM树的较低的隐式z-index 。因此，当您将其拖动到拖动区域时，它位于下面。

给它一个明确的z-index所以它是最前面的：

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

<强> DEMO