IE中的jquery ui模态对话框问题

时间:2010-04-24 19:13:04

标签: jquery internet-explorer jquery-ui

我使用jquery ui对话框小部件。除了IE之外,FF,Opera等都能正常工作。问题是,当在Internet Explorer中打开对话框时,文档底部会添加一些空格(未用“模态灰色图层”覆盖),页面将滚动到底部。所以我甚至没有看到对话框,我必须向上滚动才能完全看到它。

有人有这个问题吗?任何解决方案?

编辑:现在我看到,这个“底层空间”也在FireFox中添加,但它不会像在IE中那样滚动到它。

2 个答案:

答案 0 :(得分:4)

我发现了什么问题。该对话框(以及其他所有人)都有CSS样式:

position: relative;

因此占据了文档底部的空间(添加它的位置)。

奇怪的是,这种风格直接来自jquery-ui-1.7.2.custom.css文件,我从jquery网站下载而没有改变。

所以我使用了更具体的(即更高优先级的选择器)来分配绝对定位:

position: absolute;

它可能是jquery-ui bug或我使用它错了或没有得到的东西。但很明显,附加到body元素的“top”(全局)对话框应该以绝对方式定位。

答案 1 :(得分:1)

这是因为IE在某种程度上重置了对话框高度。 如果在定义中定义uidialog高度,则必须在同一代码块中为css重新定义相同的ht。 $mydlg.css('height',dlgH);这对我有用,你可以试试。