jquery空白/灰显显示对话框的页面

我怎样才能在显示对话框的页面上空白。 下面是我的代码 HTML:

尝试过

<style>
.ui-dialog, .ui-dialog-content {
 border:1px solid #cde68c;
 background-color: white !important;
 color: #333;
 line-height: 180%;
 font-family: Arial, Helvetica, sans-serif;
}
.ui-dialog-titlebar {
 display:none;
}
#ui-dialog-title-dialog {
 color: yellow !important;
 text-shadow: none;
}
.ui-dialog-buttonpane {
 border:1px solid #cde68c;
 border-top:0px;
 margin-bottom: 1%;
}

ui-widget-overlay { 
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 50;
    filter:Alpha(Opacity=50);  
}
</style>

$j('#dialog').dialog('open');
                 $j("#dialog").dialog("widget")
                 .next(".ui-widget-overlay")
                 .css("background", "#f00ba2");
....
....

---

更改默认的jQueryUI类，如下所示：

.ui-widget-overlay { 
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
    opacity: 100 !important;
    filter:Alpha(Opacity=100) !important;  
}

只需将颜色和不透明度更改为您喜欢的颜色，这将在模式打开时应用于页面

如果

！重要信息

不工作您的设置有问题

---

也许你没有jQueryUI的功能。确保在元素中链接/引用了jQueryUI js和css文件。

不确定“清空”的确切含义，但当您将modal设置为true时，jQueryUI对话框会将css类指定给对话框的覆盖，即ui小部件覆盖。它可以被修改来改变叠加的样式。divmodla被设置为true，但是它根本不起作用。对话框下面有什么东西吗？你能发布一个jsfiddle吗？@Autolycus你能粘贴整个“”吗？在哪里？我在哪里做这个？我在google上也发现了完全相同的东西，但根据我的代码，我不确定在哪里实现它。将它添加到嵌入的样式表中。它在jqueryui样式表中。

$j('#dialog').dialog('open');
                 $j("#dialog").dialog("widget")
                 .next(".ui-widget-overlay")
                 .css("background", "#f00ba2");
....
....

.ui-widget-overlay { 
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
    opacity: 100 !important;
    filter:Alpha(Opacity=100) !important;  
}