Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Fullscreen image
ayo1001
post
Post #1





Grupa: Zarejestrowani
Postów: 74
Pomógł: 1
Dołączył: 29.03.2013

Ostrzeżenie: (0%)
-----


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

Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Może pokaż co i jak się rozjeżdża?
Go to the top of the page
+Quote Post
ayo1001
post
Post #3





Grupa: Zarejestrowani
Postów: 74
Pomógł: 1
Dołączył: 29.03.2013

Ostrzeżenie: (0%)
-----


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.

Ten post edytował ayo1001 5.09.2015, 19:38:47
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 23:50