如何更改jquery ui对话框的背景颜色

Question

我现在有一个Jquery ui对话框，它的内容背景为白色，我想让它周围的背景为黑色，低不透明度为例如facebook。在这张图片中显示了一个低透明度黑色背景的对话框，那怎么能我在jquery ui中做这个

Answer 1

试试这个：

.ui-dialog, .ui-dialog, .ui-widget, .ui-widget-content,
.ui-corner-all, .foo{
    background: #ff0000; /*color sample*/
}​

<强>更新

首先使用以下命令编辑对话框脚本：

open: function() {
    $('.ui-widget-overlay').addClass('custom-overlay');
},
close: function() {
    $('.ui-widget-overlay').removeClass('custom-overlay');
}

然后，你要添加css，如：

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

我希望这有效。

最终更新

这很好;）

http://jsfiddle.net/aldiunanto/G8RQS/3/