我使用了不同的jQuery对话框.对于某些对话框,我想要一个透明的背景.
如果我在.ui-widget-overlay类中更改后台CSS,那么它将应用于所有对话框.
如果我在.ui-widget-overlay类中更改后台CSS,那么它将应用于所有对话框.
如何为不同的对话框设置不同的背景颜色?
解决方法
只需创建如下所示的样式,并在要具有透明背景的那些对话框上使用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透明类)