Obrazek 100% - Skrolowanie

0

Witam, chciałbym aby na stronie (od razu po wejściu na nią) wyświetlał się obrazek width 100% i height 100%, natomiast gdy zacznie się scrollować w dół, obrazek pozostał na swoim miejscu i była wyświetlana dalsza część strony. Jak to zrobić?

0

w CSS.
Podpowiedzi:

  1. Ustaw obrazek jako tło
  2. Daj zawartość strony w jakimś elemencie i nadaj mu margines górny.
body {
   background-image: url(ścieżka dostępu do obrazka);
   background-attachment: fixed;
   background-size: 100% 100%;
}
div#zawartosc {
   margin-top: 100%;
}
<body>
   <div id="zawartosc">
      Tutaj wklejasz zawartość strony.
   </div>
</body>

Nie sprawdzałem, ale IMHO powinno działać.

1 użytkowników online, w tym zalogowanych: 0, gości: 1