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

Odpowiedz Nowy wątek
2019-08-08 08:30
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.

edytowany 1x, ostatnio: cerrato, 2019-08-08 09:34

Pozostało 580 znaków

2019-08-08 08:33
2019-08-13 11:19
0
fasadin napisał(a):

https://www.google.com/search[...]mp;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 ?

Przeczytałeś przynajmniej to co jest w tych linkach? Tam masz pokazane działające przykłady. https://css-tricks.com/exampl[...]ckgroundImage/progressive.php - Delor 2019-08-13 11:32
@Delor: tak przeczytałem co jest w tych linkach , jednak w przykładzie , do którego link podałeś(jak i w wytłumaczeniu , które wcześniej podał inny użytkownik) tło ma wartość "fixed", a mnie chodzi o to, aby przy wczytaniu strony dolna krawędź grafiki była idealnie zgrana z dolną krawędzią okna przeglądarki, a poniżej (już bez grafiki w tle) znajdowała się dalsza część strony , która jest niewidoczna jeśli nie przewiniemy sobie strony w dół. - viGor 2019-08-13 11:50

Pozostało 580 znaków

2019-08-13 13:07
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.

edytowany 1x, ostatnio: Delor, 2019-08-13 13:11

Pozostało 580 znaków

2019-08-14 06:32
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

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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