2010-04-24 25 views
3

我使用jquery ui對話框小部件。除IE以外,在FF,Opera等中一切正常。問題是,當在Internet Explorer中打開對話框時,文檔底部會添加一些空間(未包含「模式灰色層」),頁面會滾動到底部。所以我甚至沒有看到對話框,我不得不向上滾動,才能看到它。IE中的jquery ui模態對話框問題

任何人都有這個問題?任何解決方案

編輯:現在我明白了,這個「底部空間」也被添加到FireFox中,但它不像IE那樣滾動到它。

+0

沒有代碼,它將很難幫助你。 問候, 多米尼克 – ToITL 2011-01-25 16:07:35

回答

4

我發現什麼是錯的。該對話框(和其他人)擁有CSS樣式:

position: relative; 

因此在文檔底部(添加它的位置)佔用的空間。

奇怪的是,這種風格直接來自jquery-ui-1.7.2.custom.css文件,我從jquery網站下載而沒有改變。

所以我用更具體的(即更高的優先級選擇器)來分配絕對定位:使用它是不是錯了得到的東西

position: absolute; 

這可能是jQuery的用戶界面錯誤或我。但很明顯,附加到body元素的「top」(全局)對話框應該以絕對方式進行定位。

+0

你的答案是正確的,但這裏的原因: 的jQuery 1.8添加了這個,所以如果當你更新你沒有更新的CSS,你需要將它添加到.UI-對話 – 2011-01-25 16:08:05

1

發生這種情況是因爲IE在定義時重置對話框高度。 如果你定義的uidialog高度,相同的ht必須重新定義爲css,在相同的代碼塊 $mydlg.css('height',dlgH);這適用於我,你可以嘗試。