jQuery的可拖動的錯誤

Question

我已付出上有一個對話框http://jsfiddle.net/didierg/dNyYQ/標籤的jsfiddle一個例子，我做了一些changes.First，我加了一個標題欄，http://jsfiddle.net/wwDpD/1/然後拖動設置爲true http://jsfiddle.net/wzF5Y/2/

最後小提琴令人驚訝的工作在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索引。 另外，如果你可以發佈你在FF中看到的很棒的快照。