無法設置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 
}); 

僅供參考通過在Chrome中使用F12功能並查找不存在的疊加元素，我發現了這一點。這導致我到了JQuery UI docs。