如何在屏幕中央顯示一個模式彈出並維持調整畫面位置也

Question

我有一個模式彈出我使用的JavaScript

$('div.openIDPopup').css({ 'height': $(document).height() + 'px', 
     'width': $(window).width() + 'px', 
     'visibility': 'visible' 
    }) 
     .fadeIn('slow'); 
    $('div.openId').css({ 'visibility': 'visible', 
     'top': ($(window).height()/4) + 'px', 
     'left': ($(window).width()/3) + 'px' 
    }) 
    .fadeIn('slow'); 

但顯示在屏幕的中間它調整它所在的屏幕大小，因爲它絕對是如何獲得該功能的。

Answer 1

在這裏看到它如何做：http://www.sohtanaka.com/web-design/examples/modal-window/

Answer 2

你可能想看看這個基於CSS的解決方案： http://www.wpdfd.com/editorial/thebox/deadcentre4.html

它依賴於使用負利潤率，我認爲它的偉大工程。