jQuery UIダイアログモーダルを使用して、フォームをモーダルで表示しています。
Chromeでテストしたところ、すべてうまくいきました。しかし、Firefoxでは、オーバーレイ(ui-widget-overlay)はブラウザウィンドウ全体を占有しません。したがって、モーダルがアクティブなときに下にスクロールすると、オーバーレイが停止し、残りのWebページが表示されます...
何か助けはありますか?
jQuery UIダイアログモーダルを使用して、フォームをモーダルで表示しています。
Chromeでテストしたところ、すべてうまくいきました。しかし、Firefoxでは、オーバーレイ(ui-widget-overlay)はブラウザウィンドウ全体を占有しません。したがって、モーダルがアクティブなときに下にスクロールすると、オーバーレイが停止し、残りのWebページが表示されます...
何か助けはありますか?
これをオーバーレイCSSに追加してみてください
.ui-widget-overlay
{
position:fixed;
top:0;
left:0;
}
私にとっては問題を解決しません。代わりに、FirefoxMacでのこの他の提案ダイアログUIの背景の問題は正しく機能しているようです。
要するに:
[...] jQuery UIによって定義される背景は、単なる単色ではありません。画像です[...]
したがって、背景の定義をのようなものに置き換える必要がありますbackground-color: #000;
。
詳細については、提供されているリンクをご覧ください