약간의 꼼수 .. 입니다.
jQuery dialog 의 Modal 기능을 이용하여 Overlay Box를 쉽게 구현 할 수 있습니다.
일단 overlay box의 opacity를 아래와 같이 조절 합니다.
.ui-widget-overlay { opacity: .30;filter:Alpha(Opacity=30); }
그리고 아래와 같이 dialog를 로딩할때 타이틀바를 숨긴다.
$('div.ui-dialog-titlebar').hide()
window.moveToLineDlg = $('<div><div style="height: 100px; margin: 20% 0; text-align:center; "><h1>Move To My Line</h1></div></div>').dialog({
width: "400px", minHeight: "100px",
autoOpen: true,
modal: true,
open: function() { $('div.ui-dialog-titlebar').hide(); },
close: function() {}
});