2013-10-17 126 views
0

我想使用jQueryUI的可拖动功能将表格行拖动到固定的导航栏上。拖动的元素具有的CSS属性:jQueryUI可拖动到固定元素上

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

和固定导航栏具有属性

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

即使可拖动元件的z索引更高,但它仍然没有出现在前面固定的导航栏。是否不可能在HTML中的position:fixed元素前获得position:absolute元素?

回答

0

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; 
}