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

Question

我已经问了一个more general的问题，并有一个很好的答案。

不过，我希望有一个更棘手的中心漂浮弹出：

如果我的页面是1000像素高，我只查看它的上部，我不希望在弹出的500px的流行，但而是在屏幕的可见部分的中间。

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

感谢

Answer 1

你应该使用CSS（保证金：0自动），表示为纵一横定心和JavaScript（视高度）。

检查这个例子： http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

你可以给浮动弹出的CSS ...

position: fixed; 

一旦你去，你可以只给它“顶”和“左”的参数，如你会用绝对定位的元素。

一旦定位，无论你在哪里滚动它会留在你相对于实际的浏览器窗口，告诉它。

唯一的问题是，固定位置不上一切的顶部IE6工作那么好，而不是定位像它应该有一个固定的位置元素往往只是像静态内容。