如何设计一个以页面可见部分为中心的浮动确认对话框的CSS？

Question

我已经问过更一般问题，答案很好。

但是，我想要一个更棘手的浮动弹出窗口：

如果我的页面高1000px，并且我只查看它的上半部分，我不希望弹出窗口以500px弹出，而是在屏幕可见部分的中间弹出。

有没有办法在CSS中访问页面的可见部分？

由于

Answer 1

你应该使用CSS（margin：0 auto;）进行水平居中，使用javascript（viewport height）进行垂直居中。

检查此示例： http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

你可以给浮动弹出窗口提供CSS ...

position: fixed;

一旦你去了，你可以给它'顶部'和'左'参数，就像你绝对定位元素一样。

一旦定位，无论你在哪里滚动它都将保持在你告诉它的地方与实际浏览器窗口的关系。

唯一的问题是固定位置在IE6中效果不好，而不是像它应该的那样定位在一切之上，具有固定位置的元素往往就像静态内容一样。