Как отобразить фоновое изображение водяного знака в каждом разделе на одной странице сайта

Question

Я сейчас пытаюсь html, css и bootstrap, и у меня возникает следующая проблема

Я пытаюсь сделать lo go на веб-сайте в качестве фона. Как это я уже выяснил здесь .

Сайт состоит только из одного 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>

Теперь мне нужно, чтобы водяной знак всегда появлялся посередине, даже если я прокручиваю сайт вниз или вверх. если я использую код из здесь . Водяной знак появляется только в первом разделе

, как добиться того, чтобы водяной знак всегда появлялся в середине, даже если я прокручиваю?

Answer 1

Вы можете использовать свойство CSS position: fixed следующим образом:

.watermark:after{
    position: fixed;
}