jquery 模态对话框覆盖不全屏显示

Question

我有一个 jquery 模态对话框，当您打开它时，它不会使屏幕完全变灰。如果我看一下，它归因于此 css 代码:

<div class="ui-widget-overlay" style="width: 1920px; height: 628px; z-index: 1001;"></div>

这来自使用 jquery 的 Themeroller 生成的自定义 css .

不确定为什么要创建这些维度？如果我选择更高的高度数字，它会覆盖更多的屏幕，但我想知道是否有一个值可以用来占据整个屏幕。我尝试了 100% 和 auto 高度，但它们什么也没做。

对话框大小很好，只是对话框后面的灰色覆盖层。我希望对话框后面的这个灰色部分能够占据全屏的大小。这里的引用是我正在使用的对话框选项:

var dialogOpts={
    modal:true,
    autoOpen: false,
    resizable:false,
    width: 525
}

提前致谢。

Answer 1

试试这个:

.ui-widget-overlay {
    position: fixed !important;
}