jquery UIダイアログオーバーレイの背景色を設定できません

Question

Jquery UIダイアログのオーバーレイ背景を別の色に設定したいとします。次のCSSは動作しません。

.ui-widget-overlay{background:red;} 

fiddleを参照してください。

Answer 1

ダイアログ設定にmodalオプションを追加する必要があります。これであなたのフィドルが機能します。

$("#dialog").dialog({ 
    width: 300, 
    resizable: false, 
    draggable: false, 
    modal: true 
}); 

FYIこれは、ChromeのF12機能を使用し、存在しなかったオーバーレイ要素を探していることでわかりました。それでJQueryのUI docsにつながった。