jQuery UI

jQuery UIによる画面コンポーネント（１）
●オーバーレイを有効にする

jQuery UI設定

$('div#ex1').dialog({modal:true,overlay:{backgroundColor:'#999',opacity:'0.7'}});

CSS設定





実行例　ダイアログ以外の背景がグレー表示になって、ダイアログ以外の操作ができなくなる状態になる





    オーバーレイが有効になった状態










html




$('div#ex1').dialog({modal:true,overlay:{backgroundColor:'#999',opacity:'0.7'}});