html - 如何在一个页面站点的每个部分显示水印背景图像

Question

我目前正在尝试 html、css 和 bootstrap，但遇到以下问题

我尝试在网站上制作 Logo 作为背景。如何做到这一点我已经找到了here .

该网站仅包含一个 HTML 文件。在这里我定义了几个部分。您可以使用菜单导航跳转到某些部分。

<div class="container-fluid p-0 ">
  <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="a">
  </section>

  <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="b">
  </section>

  <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="c">
  </section>

  <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="d">
  </section>
</div>

我现在想要的是水印总是出现在中间，即使我向下或向上滚动网站也是如此。如果我使用 here 中的代码.水印只出现在第一节

如何实现水印总是出现在中间，即使我滚动？

Answer 1

您可以这样使用 CSS 属性 position: fixed:

.watermark:after{
    position: fixed;
}