Question

重复 jQuery UI dialog overlay

使用了不同的jQuery对话框。对于某些对话框，我想要一个透明的背景。如果我在.ui-widget-overlay类中更改后台CSS，那么它将应用于所有对话框。

如何为不同的对话框设置不同的背景颜色？

我写了下面的代码，但它仍然采用了类“.ui-widget-overlay”

的背景

$("#dialog_empty").dialog({     
    dialogClass:'transparent',                    
    resizable: false, 
    draggable: false, 
    modal: true,                
    height: 0, 
    width: 0,
    autoOpen: false,
    overlay: {
        opacity: 0
    }
});

$('#dialog_empty').dialog('open');
$('#dialog_empty').css('display','');

Answer 1

你需要使用！重要的的css优先考虑你的css而不是对话框的原始css代码。这是一个例子：

<style>
  .mybg
  background:#ff0000 !important;
</style>

现在您需要将 mybg 类应用于对话框。

Answer 2

以下代码行将为透明类设置透明背景的所有对话框提供透明背景，我相信这就是你想要的。

$('.transparent').css('background-color','transparent')

你可以通过用颜色替换透明或者用另一个类替换.transparent来显然修改它。

jQuery对话框后台更改

2 个答案: