как показать модальное всплывающее окно в центре экрана и сохранить положение при изменении размера экрана также

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

Возможно, вы захотите проверить это решение на основе CSS: http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Оно основано на использовании отрицательного поля, и я думаю, что оно прекрасно работает.

Answer 2

см. Здесь, как это сделано: http://www.sohtanaka.com/web-design/examples/modal-window/