overlay - jQuery : Set modal dialog overlay color

Question

我想使用 jquery ui 弹出一个模式对话框，其中覆盖层是全黑的。我知道我可以在主题中设置它，但我不希望所有对话框都有黑色覆盖。只是其中之一。

有没有办法在每个对话框的基础上配置对话框的背景(覆盖)颜色？也许什么时候创建？

TIA

Answer 1

您可以使用 ui-dialog 的打开和关闭事件。

$("#your-dialog").dialog(
{
    autoOpen: false, 
    modal: true, 
    open: function() {
        $('.ui-widget-overlay').addClass('custom-overlay');
    }          
});

并在 CSS 中添加所需的样式。示例:

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.9;
    z-index: 1040;    
}