Jquery UI可拖动元素来自固定div，由绝对元素隐藏

Question

我正在使用Jquery UI来拖动div。这个div位于另一个元素位置固定的位置。当我将元素拖动到位置绝对的另一个div时，拖动的元素将被隐藏。

http://jsfiddle.net/sGCWZ/

HTML

<div style="position: fixed">
    <div id="drag">Drag Me</div>
</div>
<div id="drop">Move here</div>

JS

$(function () {
    $("#drag").draggable({ 
    });
});

CSS

#drop{
    position: absolute;
    height: 200px;
    width: 200px;
    background: #999;
}

#drag{
    height: 200px;
    width: 200px;
    background: #F00;
    z-index: 100;
    margin-left: 250px;
}

如何将拖动的div保留在绝对div上？

Answer 1

http://jsfiddle.net/sGCWZ/1/

我在固定元素中添加了一个高z-index。

 <div style="position: fixed;z-index:1000000;>
   //code
 </div>