jQuery UI 对话框有一个 dialogClass选项，这很好，因为对话框直接嵌套在文档 <body> 中.但是在设置 modal 时true 的选项，一个 ui-widget-overlay div 也直接呈现在正文中(作为对话框 div 的同级)。
有没有一种方法可以有效地应用 overlayClass使用 modal: true 打开 jQuery UI 对话框时？
我知道我们可以通过提供 <body> 将自定义 css 应用于叠加层类属性，或直接覆盖 .ui-widget-overlay 类。我正在寻找一种解决方案，使 css 定义如下:
.my-custom-class.ui-widget-overlay {
opacity: .5;
}
最佳答案
实际上有一种非常简单的方法可以使用 CSS 来完成此操作。(只要您下载了 jQuery UI 库)。应该有一个 jquery 样式表，标题为:“jqGrid-custom.css”
只需进入覆盖部分并调整这一行:
.ui-widget-overlay { background: #aaaaaa url(/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity:.9;filter:Alpha(Opacity=90); }
关于css - 打开 jQuery UI 对话框时可以设置自定义 ui-widget-overlay 类吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8667694/