Lớp phủ hộp thoại jquery phương thức không chụp toàn màn hình

Question

Tôi có một hộp thoại jquery phương thức và nó không xám ra khỏi màn hình đầy đủ khi bạn mang nó lên. Nếu tôi có một cái nhìn nó được gán mã css này:

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

Đây là từ css tùy chỉnh được tạo ra với jquery của Themeroller.

Bạn không chắc chắn lý do tại sao các thứ nguyên đó được tạo? Nếu tôi chọn một số cao hơn cho chiều cao nó bao gồm nhiều hơn của màn hình nhưng tôi tự hỏi nếu có một giá trị tôi có thể sử dụng để có toàn bộ màn hình. Tôi đã thử 100% và auto cho chiều cao nhưng chúng không làm gì cả.

Kích thước hộp thoại là tốt, nó chỉ là lớp phủ màu xám phía sau hộp thoại. Tôi muốn phần màu xám này phía sau hộp thoại để lấy kích thước của toàn màn hình. Để tham khảo ở đây là các tùy chọn hộp thoại của tôi Tôi đang sử dụng:

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

Xin cảm ơn trước.

Answer 1

Hãy thử một cái gì đó giống như

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

Answer 2

thử điều này:

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

Answer 3

tôi đã cùng một vấn đề, và điều này là làm thế nào tôi cố định nó:

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

Bây giờ, vw Chế độ xem Chiều rộng và bạn muốn Lớp phủ phương thức phủ lên toàn bộ màn hình. Các biện pháp "đúng" nên là vh (Xem Chiều cao) nhưng khi tôi đã thử điều đó, nó không hoạt động.

Đây là liên kết cho vh and vw.

Tôi hy vọng điều này sẽ giúp,
Chúc mừng