jquery - jQueryUI を固定要素にドラッグ可能

Question

jQueryUI のドラッグ可能機能を使用して、テーブルの行を固定ナビゲーション バーにドラッグしたいと考えています。ドラッグされた要素には css プロパティがあります。

element.style {
   position: absolute;
   z-index: 200;
}

固定ナビゲーションバーにはプロパティがあります

#player {
   position: fixed;
   opacity: 1;
   z-index: 100;
}

ドラッグ可能な要素の z-index が高くても、固定ナビゲーション バーの前に表示されません。HTMLposition:absoluteの要素の前に要素を取得することは不可能ですか?position:fixed

Answer 1

http://jsbin.com/eWoNASE/1/edit

実際の例がないと問題をデバッグするのは難しいですが、これは私にとってはうまくいきます:

  <div id="wrap">
  <div id="fixed">
    <p>hi</p>
  </div>
  <div id="draggable">
    <p>Drag me around</p>
  </div>
  </div>

CSS:

#wrap { position: relative; }
#fixed {
   position: fixed;
   opacity: 1;
   z-index: 100;
}

#draggable {
   background-color: red;
   position: absolute;
   opacity: 1;
   z-index: 200;
}