Jak zrobić obrazek idealnie wypełniający przestrzeń między górną a dolną krawędzią przeglądarki?

0

Witam , chciałbym zasięgnąć porady jak opisać w css obrazek tak , aby przy wczytaniu się strony zawsze idealnie wypełniał przestrzeń między górną i dolną krawędzią przeglądarki (niezależnie od rozmiaru okna czy rodziałki ekranu), oczywiście po przewinięciu w dół dalsza część strony.

0
fasadin napisał(a):

https://www.google.com/search?client=firefox-b-d&q=image+on+full+screen+css

https://css-tricks.com/perfect-full-page-background-image/

Czy podane przez Ciebie rozwiązanie zadziała również w momencie, gdy chcę aby obrazek był na pełną wysokość okna przeglądarki, ale po zjechaniu suwakiem widoczna była dalsza część strony?
Czy jest to rozwiązanie tylko wtedy kiedy "cała " strona jest widoczna od razu przy wczytaniu ?

0

Sam obraz ma wypełniać 100% wysokości?
Ustaw mu

height: 100vh;

Dodatkowo ustaw width: 100% jeżeli ma się dostosowywać do szerokości.

0
Delor napisał(a):

Sam obraz ma wypełniać 100% wysokości?
Ustaw mu

height: 100vh;

Dodatkowo ustaw width: 100% jeżeli ma się dostosowywać do szerokości.

No i o to mi chodziło , dzięki za pomoc :D

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