6

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
}

前もって感謝します。

4

3 に答える 3

15

これを試して：

.ui-widget-overlay {
    position: fixed !important;
}
于 2014-04-01T10:41:35.167 に答える
3

私は同じ問題を抱えていましたが、これが私がそれを修正した方法です：

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

次に、vwビューの幅です。モーダル オーバーレイを画面全体に表示します。「正しい」測定値はvh(ビューの高さ) である必要がありますが、それを試してみるとうまくいきませんでした。

ここにvh と vwのリンクがあります。

これがお役に立てば幸いです、
乾杯

于 2015-12-07T20:19:46.720 に答える
1

次のようなものを試してください

$( "#dialog" ).dialog({
    position: ["left","top"],
    width:"100%",
    height:$(window).height(),
    zIndex: 1000            
});
于 2012-06-29T17:39:49.883 に答える