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이 나왔습니다.