jQuery UI在固定元素上可拖动

Question

我想使用jQueryUI的draggable将表格行拖到固定的导航栏上。拖动的元素具有css属性：

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

并且固定的导航栏具有属性

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

即使可拖动元素的z-index较高，它仍然不会出现在固定导航栏的前面。是否无法在HTML中的position: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;
}