CSS背景图像覆盖

我在想。当你在一个网站上向下滚动页面时，背景会跟着滚动。这里的示例。我希望出现页面顶部这样的情况，有人能给我指出正确的方向吗？s

熟悉位置（相对、绝对和固定）。但是，这是一个主要元素，它也会触发您需要注意的其他属性。例如，在执行任何硬定位（例如“固定”）时，会丢失宽度和高度。因此，以下各项必须针对该高度进行校正。为了正确地做到这一点，没有任何毛病，考虑利润率顶部到100%的内容。这将弥补定位的困难。在处理硬定位时，你应该考虑的其他事情是你的Z指数。因为固定定位会将元素本机定位在文档顶部。为了让它隐藏起来，你应该把它放下来一两层（根据需要）

请执行以下操作：

<div class="wrapper-parallax">
  <div class="parallax">
    <h1>Header</h1>
  </div>

  <section class="content">
    <h1>Content</h1>
  </section>
</div>

---

看它工作

背景附件：固定可能重复Thank的@LOTUSMS，这很好用。现在，用这个。我在Alex Cican的博客详细信息页面上看到，他有一个字体很棒的图标，或者可能是引导图标（我不能马上说），他如何用图标替换图片？转到字体很棒，下载css库文件，并将其包含在您的网站中。然后用它代替图像
。如果您在font awesome网站中单击图标并单击所需的图标，则可以找到图标的名称。你应该看到我刚才写的代码
body {
    padding: 0;
    margin: 0;
}

.parallax {
    width: 100%;
    height: 450px;
    background: url(http://all4desktop.com/data_images/original/4238051-background.jpg) center center fixed;
    background-size: cover;
    top: 0;
    position: fixed;
    z-index: -1;
}

.content {
    height: 100%;
    min-height: 1000px;
    background: #ededed;
    position: relative;
}

.wrapper-parallax {
    margin-top: 100%;
}

h1 {
    margin: 50px auto;
    text-transform: uppercase;
    text-align: center;
    font-family: Helvetica;
    font-size: 150px;
    color: #9A1414;
}

.content h1 {
    line-height: 500px;
    color: #999;
}