jquery - jQueryUI 可拖动到固定元素上

Question

我想使用 jQueryUI 的 draggable 将表格行拖到固定的导航栏上。被拖动的元素具有 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;
}