javascript - リンクダイアログがここで行うように画面を暗くするjQueryダイアログ

Question

ここのリンク ダイアログの外観が気に入っています。画面が暗くなり、おそらくモーダルです（ただし、私はそれを想定しているだけでテストしていません）。jQuery UI ダイアログでそのように画面を暗くする簡単で簡単な方法は何ですか?

Answer 1

これを行う 1 つの方法は、100% 未満の不透明度で画面全体をカバーする z オーダー > 1 の div を持つことです。

HTML:

<div id="cover>&nbsp;</div>

CSS:

#cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
display: none;
background-color: #000000;
opacity: .7;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.7);

}

次に、ダイアログを表示するときにカバーを表示できます。これは、さらに高い z-index である必要があり、ダイアログと同時にカバーを削除します。

開ける：

$("#cover").show();
$("#fileupload").show( "slow" );

近い：

$("#fileupload").fadeOut( "slow" );
$("#cover").hide();