javascript - 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/