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

また、ドラッグヘルパーにのZIndexを追加することができます。 http://api.jqueryui.com/draggable/#option-zIndex