html - 三个带有 CSS2 的背景图片 - 滚动时不显示在首屏下方

Question

我试图让我的网站背景具有三个不同的背景图像 - 所以我将一个图像放入，然后使用两个绝对定位的 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

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

达伦

Answer 1

我会继续发布它作为答案，使用 position:fixed; 定位元素，以便它们在您滚动时保持静止。