jQuery UI对话框叠加 - 如何为不同的对话框设置不同的背景颜色

Question

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

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

Answer 1

只需创建如下所示的样式，然后dialogClass在您想要具有透明背景的对话框上使用该选项。当然你可以制作多种样式，传入你想要的任何样式

<style type="text/css" media="screen">
    .transparent { background:transparent }
</style>

//make dialog with transparent background
$("#dialog").dialog({dialogClass:'transparent'});
//make default dialog
$("#dialog2").dialog();

查看演示站点：http://jsbin.com/ifoja（基本 jquery、jquery ui、jquery ui css + 自定义 css 透明类）