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索引到固定元件。

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