jQuery的模式對話框覆蓋不會全屏

我有一個jQuery的模式對話框，它並沒有完全灰色時，你提出了屏幕。如果我來看看它是由於這個CSS代碼：jQuery的模式對話框覆蓋不會全屏

<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 
}

在此先感謝。

2012-06-29 Tom

這是關閉？ – icedek

嘗試像

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

2012-06-29 17:39:49 user969724

我相信你的建議是改變模態對話框的大小。這不是我想要的。我只是想改變覆蓋層，你知道對話背後的灰色部分。現在它不會全屏。 – Tom

爲什麼你不這樣做，在我的代碼中設置它，並將標題背景更改爲所需的大小。效果應該是相同的。或者，如果您想保留其他部分（如它在對話框中），而不將其拉伸到整個屏幕，只需設置一些寬度/高度，然後拉伸整個對話框即可。 – user969724

我在幾個地方使用對話框。有時它只是有一些文字和其他形式的時間。拉伸對話框看起來很糟糕。 – Tom

試試這個：

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

2014-04-01 10:41:35 JavaMejo

不是提問者，但我想添加一條評論，說我有這個確切的問題，這個答案適合我。 – Frank

我有同樣的問題，這就是我如何固定它：

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

現在，vw是查看寬度，並且您希望模態疊加覆蓋整個屏幕。「正確」的措施應該是vh（查看高度），但是當我嘗試時，它不起作用。

這是vh and vw的鏈接。

我希望這有助於
乾杯

2015-12-07 20:19:46

回答