jQuery UI 드래그 가능 절대 위치 항목 아래로 끌기

Question

jQuery UI의 드래그 가능한 기능을 사용하는 jQuery 인터페이스를 작성 중입니다. 대부분의 경우 절대 위치 지정이있는 요소 위로 객체를 드래그 할 때를 제외하고는 훌륭하게 작동합니다. 절대적으로 배치 된 항목 위에 나타나는 대신 끌어온 객체가 아래에 나타납니다.

이 예제의 바이올린은 http://jsfiddle.net/spryno724/nTdrG/2/이거나 여기에서 프로젝트의 관련 부분 : http://box.com/webuploads을 다운로드 할 수 있습니다.

누군가이 문제를 해결할 수 있도록 도와 주시겠습니까?

감사합니다.

Answer 1

스타일에 Z- 인덱스 추가 : 그것은 이동할 때 페이지에 다른 "위의"모든 것을 유지하도록

는

span { 
    display: block; 
    background-color: #0F0; 
    width: 250px; 
    z-index: 1; 
} 

Answer 2

또한, 드래그 도우미에 Z- 색인을 추가 할 수 있습니다. http://api.jqueryui.com/draggable/#option-zIndex