Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Fullscreen image
Forum PHP.pl > Forum > Przedszkole
ayo1001
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
Może pokaż co i jak się rozjeżdża?
ayo1001
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.