CSS2的三个背景图像 - 滚动时不显示在折叠下方

时间:2011-02-12 18:03:58

标签: html xhtml css

我正在尝试让我的网站上的背景有三个不同的背景图像 - 所以我将一个图像放入其中然后使用两个绝对定位的DIV来添加其他图层:

z-index: 2;
background: url(/assets/img/bg-stripes.png);
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;

我发现这种方法很好,但是当你滚动时,div也会移动 - 它会导致页面底部出现白色间隙 - 我不能上传图像来演示这个,但如果你想看看我是如何完成CSS的,你可以在这里预览网站: Website Preview

我希望这是有道理的 - 非常感谢您的帮助:)

的Darren

1 个答案:

答案 0 :(得分:1)

我会继续将其作为答案发布,使用position:fixed;来定位元素,以便在滚动时保持静止。