Как создать CSS для плавающего диалогового окна подтверждения с центром в видимой части страницы?

Question

Я уже задавал более общий вопрос , с отличным ответом.

Тем не менее, я хочу более хитрое всплывающее окно по центру:

Если моя страница имеет высоту 1000 пикселей, и я просматриваю только верхнюю ее часть, я не хочу, чтобы всплывающее окно отображалось с размером 500 пикселей, а скорее в середине видимой части экрана.

Есть ли способ доступа к видимой части страницы в CSS?

Спасибо

Answer 1

Вы должны использовать CSS (margin: 0 auto;) для горизонтального центрирования и javascript (высота области просмотра) для вертикального.

проверьте этот пример: http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

Вы можете дать всплывающее окно css ...

position: fixed;

Как только вы это сделаете, вы можете просто задать ему параметры 'top' и 'left', как это было бы с абсолютно позиционированными элементами.

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

Единственная проблема состоит в том, что фиксированные позиции не работают так хорошо в IE6, вместо позиционирования поверх всего, что должно, элементы с фиксированной позицией, как правило, действуют как статический контент.