jQuery UI Draggable 拖动到绝对定位项下方答案

【问题标题】：jQuery UI Draggable Dragging Below Absolute Positioned ItemsjQuery UI Draggable 拖动到绝对定位项下方
【发布时间】：2011-12-04 22:37:26
【问题描述】：

我正在构建一个使用 jQuery UI 的可拖动特性的 jQuery 界面。在大多数情况下，这非常有效，除非我将一个对象拖到具有绝对定位的元素上。拖动的对象不会出现在绝对定位的项目上方，而是出现在下方。

您可以在此处找到此示例的小提琴：http://jsfiddle.net/spryno724/nTdrG/2/，或在此处下载项目的相关部分：http://box.com/webuploads。

有人可以帮我解决这个问题吗？

感谢您的宝贵时间！

【问题讨论】：

【解决方案1】：

为您的样式添加 z-index：

span {
    display: block;
    background-color: #0F0;
    width: 250px;
    z-index: 1;
}

【讨论】：

【解决方案2】：

您还可以将 zIndex 添加到可拖动助手中，以便它在移动时保持“高于”页面上的所有其他内容。 http://api.jqueryui.com/draggable/#option-zIndex

【讨论】：