100％的内容，而不是使用CSS的浏览器高度

Question

我有一个包含我网站所有内容的最小高度100％div：

#SiteWrap { min-height: 100%; width: 100%; }

上面的div包含所有内容 - 标题，内容和页脚。

我需要做的是在顶部覆盖一个绝对定位的div（具有半透明的.png背景），它基本上位于整个网站的上方，有效地将其淡出“淡出”。

我似乎无法获得绝对div以适应100％的网站内容。它只占浏览器高度的100％。当您向下滚动内容的底部部分时，浏览器的高度不会被div跨越。

我已经尝试过这个div放在SiteWrap div中，但它不起作用：

#LoginPopup-Background { position: absolute; width: 100%; min-height: 100%; height: 100%; z-index: 1100; background-color: #F39C11; }

（背景颜色用于测试目的）。

有什么想法吗？

Answer 1

使用position: fixed代替position: absolute。登录仍然不是文档的100％大小，但即使滚动也会始终覆盖内容。

同样对于IE，您应该始终设置top: 0; left: 0以防止出现一些奇怪的布局错误。