jqueryモーダルダイアログオーバーレイでフルスクリーンが表示されない

Question

jqueryモーダルダイアログが表示され、表示するときに画面が完全にグレー表示されません。私はそれは、このCSSコードに起因する外観を取る場合：

<div class="ui-widget-overlay" style="width: 1920px; height: 628px; z-index: 1001;"></div> 

これは、jQueryのThemerollerで生成されたカスタムCSSからです。

なぜこれらのディメンションが作成されたのか分かりませんか？高さを高くすると画面の数が増えますが、画面全体を表示するために使用できる値があるかどうかは疑問です。私は高さについて100%とautoを試しましたが、何もしません。

ダイアログのサイズは、ダイアログの後ろに灰色で表示されているオーバーレイだけです。ダイアログの後ろにあるこの部分をグレーアウトして、フルスクリーンのサイズにしたいのです。ここで参照したいのは私が使用しているダイアログオプションです：

var dialogOpts={ 
    modal:true, 
    autoOpen: false, 
    resizable:false, 
    width: 525 
} 

ありがとうございます。

Answer 1

この試みる

$("#dialog").dialog({ 
    position: ["left","top"], 
    width:"100%", 
    height:$(window).height(), 
    zIndex: 1000    
}); 

Answer 2

のようなものを試してみてください：私は同じ問題を抱えていた、これは私はそれを修正する方法です

.ui-widget-overlay { 
    position: fixed !important; 
} 

Answer 3

を：

<style> 
    .ui-widget-overlay 
    { 
     height: 100vw; 
    } 
</style> 

を今、vwが表示されます幅、およびモーダルオーバーレイが画面全体をカバーするようにします。 「正しい」測定値はvh（高さの表示）になっているはずですが、試しても機能しませんでした。

ここにはvh and vwへのリンクがあります。私はこれが役に立てば幸い

、
乾杯