tło w html jak wstawic

Question

Hejka, mam problem z html chcialem nauczyc sie dawać zdjęcie na całą strone i żeby było troche wyblakłe zeby sie dobrze tekst czytało i przy przewijaniu strony w dół aby cały czas pozsotaweało na swoim  iejscu, ale nawet nie moge takiego zdjeica umiescic na tło. Czy ktoś mółgby w opodwiedzi na to pytanie dać cały kod do takiej otk rzeczy byłbym bardzo wdzięczny.

Answer 1

Background image- właściwość
https://www.w3schools.com/cssref/pr_background-image.asp
https://developer.mozilla.org/pl/docs/Web/CSS/background-image
Filmik: https://www.youtube.com/watch?v=33IinMVJf-M&ab_channel=KevinPowell

Tutaj też kwestia dodawania na całą powierzchnie strony https://css-tricks.com/perfect-full-page-background-image/
Zobacz ten przykład
https://jsfiddle.net/5mtp7tcg/

<div class='nice-header'>
  <div class='header-overlay'>

  </div>
</div>
<div class='dummy'>

</div>

.nice-header {
  position: relative;
  height: 300px;
  background: center center;
  background-size: cover;
  background-image: url(http://www.boeing.com/resources/boeingdotcom/commercial/787/assets/images/marquee-787.jpg);
}

.header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  opacity: 0;
}

.dummy {
  height: 900px;
}

$(window).scroll(function() {
  var scrollTop = $(this).scrollTop();

  $('.header-overlay').css({
    opacity: function() {
      var elementHeight = $(this).height();
      return 1 - (elementHeight - scrollTop) / elementHeight;
    }
  });
});

skrolując w góre-dół zmienia się przejrzystość dostosuj to do siebie