Как разработать 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: вместо того, чтобы располагаться поверх всего, как должно, элементы с фиксированной позицией имеют тенденцию просто действовать как статический контент.