Jquery拖拽错误

Question

我在jsfiddle上分了一个示例，它在对话框http://jsfiddle.net/didierg/dNyYQ/上有标签，我做了一些更改。首先，我添加了标题栏http://jsfiddle.net/wwDpD/1/，然后将draggable设置为true {{ 3}}

最后的小提琴令人惊讶地适用于jsfiddle http://jsfiddle.net/wzF5Y/2/但是当我运行浏览器FF 12.0的示例时，对话框隐藏在最顶层的div之上;它位于打开的对话框按钮上方。

我能错过什么？。

图像：

Answer 1

似乎对话框（以及叠加层）被约束到div id="force"。 Firefox尝试在给定子元素大小的情况下尽可能减小div的维度。因此，当您尝试拖动对话框时，它会在力div内向上推，因为div仅覆盖页面顶部。在其他浏览器中，力div的尺寸最大化，因此您可以将对话框拖动到页面上的任何位置。通过添加以下CSS，您可以获得与其他浏览器相同的行为：

#force {
    height: 100%;
    width: 100%;
}

Answer 2

您是否尝试设置对话框的z-index。 此外，如果你可以发布你在FF中看到的很棒的快照。