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>