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

Question

我现在有一个 Jquery ui 对话框，它的内容背景是白色的，我想让它周围的背景变成黑色，低不透明度，例如 facebook。在这张图片中显示了一个低不透明度黑色背景的对话框，所以我该怎么做在 jquery 用户界面中

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/