jQuery的对话框背景变化

的 jQuery UI dialog overlay jQuery的对话框背景变化

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

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

我写了下面的代码，但它仍然以阶级“的.ui小部件叠加”

$("#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','');

来源

2009-12-11 shaz

您需要使用的背景！重要的 css优先考虑您的css优于对话框的原始对于给定的css代码。这里有一个例子：

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

现在你需要mybg类适用于对话。

来源

2009-12-11 10:50:29 Sarfraz

现在我已经学会了一些真正的重要=）感谢解释这个关键字的作用。为了实现jQuery UI对话框背景透明度，我已经环顾了大约两天，并且通过这个，我已经能够实现它！ =） – 2013-02-13 20:21:55

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

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

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

来源

2009-12-11 11:16:28

jQuery的对话框背景变化

回答

相关问题