Pomoc
-
Szukaj
-
Użytkownicy
-
Kalendarz
Pełna wersja:
[CSS] Fullscreen image
Forum PHP.pl
>
Forum
>
Przedszkole
ayo1001
5.09.2015, 19:07:43
Cześć mam problem ze zdjęciem na cały ekran.
Umiem uzyskać ten efekt w CSS, ale jak robię to za pomocą <li><img src="./zdjecie.jpg"></li> to wszystko zaczyna się rozjeżdżać...
dodam, że pod zdjęciem jest normalny content
Comandeer
5.09.2015, 19:08:35
Może pokaż co i jak się rozjeżdża?
ayo1001
5.09.2015, 19:34:54
Teraz mam coś takiego:
Kod
<div class="image" style="background-image:url(images/background.jpg);"><img src="images/background.jpg" alt=""></div>
Kod
div.image {
position: absolute;
top: 0;
left: 0;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
Wszystko działa pięknie poza tym, że content na chodzi mi na obrazek.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj
.
Invision Power Board © 2001-2025
Invision Power Services, Inc.