Jquery UI draggable 요소가 고정 된 div에서 절대 요소 숨김

Question

div를 드래그하기 위해 Jquery UI를 사용하고 있습니다. 이 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; 
} 

어떻게 절대 사업부를 통해 드래그 사업부를 유지?

Answer 1

?

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

는 I는 고정 요소에 높은 Z- 색인에 추가.

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