jQuery UIダイアログ： `modal：false`オプションでオーバーレイを追加する方法は？

modal: falseのダイアログにオーバーレイを追加することはできますか？多分外部のクラスの助けを借りて...jQuery UIダイアログ： `modal：false`オプションでオーバーレイを追加する方法は？

本当にそれが必要です！

ありがとうございます！

2011-12-24 Vitali Ponomar

「modal：true」オプションを使用しない理由について私は興味がありますか？ – Virendra

ダイアログの高さがウィンドウの高さよりも高い場合、ブラウザのスクロールバーをブロックするので、モーダル状態ではありません。 –

bodyの最初の要素としてdivを追加して、ダイアログボックスを開いたときに表示することができます。ここにそのdivのサンプルCSSがあります。これは、ページ全体を黒色で不透明度70％でカバーするdivを作成します。ダイアログのZ-インデックスに従ってz-インデックスを調整し、jquery UIダイアログのopenイベントを使用して、このdivを表示させる必要があります。

.overlaydiv{ background-color: #000000; display: none; height: 100%; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); left: 0%; position: fixed; top: 0%; width: 100%; z-index:1001; }

開始タグの直後にdivを追加してください。それ以外の場合はページ全体をカバーしません。

<body> 
<div class="overlaydiv"></div> 
... 
</body>

出典

2011-12-24 22:25:16 Virendra

jQuery UIダイアログ： `modal：false`オプションでオーバーレイを追加する方法は？

答えて

関連する問題