Obrazek 100% - Skrolowanie

Obrazek 100% - Skrolowanie
EM
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 41
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ć?

ShookTea
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Wrocław
  • Postów: 629
0

w CSS.
Podpowiedzi:

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

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

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.