我已经问了一个更一般的问题,并给出了很好的答案。
但是,我想要一个更棘手的居中浮动弹出窗口:
如果我的页面是 1000 像素高,并且我只查看它的上部,我不希望弹出窗口在 500 像素处弹出,而是在屏幕可见部分的中间。
有没有办法在 CSS 中访问页面的可见部分?
谢谢
你应该使用 CSS (margin: 0 auto;) 作为水平居中和 javascript (viewport height) 作为垂直居中。
检查这个例子: http ://www.alistapart.com/d/footers/footer_variation1.html
您可以为浮动弹出窗口提供 css ...
position: fixed;
一旦你去,你可以给它'top'和'left'参数,就像你对绝对定位的元素一样。
一旦它被定位,无论你滚动到哪里,它都会停留在你告诉它相对于实际浏览器窗口的位置。
唯一的问题是固定位置在 IE6 中不能很好地工作,而不是像应有的那样定位在所有内容之上,具有固定位置的元素往往就像静态内容一样。