[CSS]Problem z rozmiarem zdjęcia w background-size: cover |
[CSS]Problem z rozmiarem zdjęcia w background-size: cover |
18.05.2017, 12:20:35
Post
#1
|
|
Grupa: Zarejestrowani Postów: 340 Pomógł: 0 Dołączył: 28.09.2015 Ostrzeżenie: (0%) |
Witam serdecznie,
Tam taki CSS:
Chciałbym uzyskać taki efekt jak na stronie: http://tajednachwila.pl (GALERIA) - ruchome tło, przesuwające się wraz z obniżaniem/podwyższaniem strony w przeglądarce... Powyższy kod nie pokazuje mi pełnowymiarowego tła, tylko powiększony jego element. Wygląda to tak: http://serwer1356363.home.pl/pub/tlo/ Obrazek: http://serwer1356363.home.pl/pub/tlo/images/kasa.png Wie ktoś może dlaczego to nie działa? |
|
|
18.05.2017, 19:12:56
Post
#2
|
|
Grupa: Zarejestrowani Postów: 99 Pomógł: 5 Dołączył: 18.03.2015 Ostrzeżenie: (0%) |
Masz dwa razy background-size więc usuń ten z cover, poza tym działa a fachowo się to nazywa paralax.
|
|
|
18.05.2017, 20:54:24
Post
#3
|
|
Grupa: Zarejestrowani Postów: 340 Pomógł: 0 Dołączył: 28.09.2015 Ostrzeżenie: (0%) |
Dzięki za odpowiedź. Tylko dlaczego ten obrazek jest tak rozciągnięty? Fizycznie jest dużo mniejszy....
|
|
|
19.05.2017, 04:44:10
Post
#4
|
|
Grupa: Zarejestrowani Postów: 99 Pomógł: 5 Dołączył: 18.03.2015 Ostrzeżenie: (0%) |
Usuń ten size i wtedy będzie normalny.
|
|
|
19.05.2017, 12:52:57
Post
#5
|
|
Grupa: Zarejestrowani Postów: 340 Pomógł: 0 Dołączył: 28.09.2015 Ostrzeżenie: (0%) |
|
|
|
19.05.2017, 13:22:14
Post
#6
|
|
Grupa: Zarejestrowani Postów: 279 Pomógł: 42 Dołączył: 10.10.2011 Ostrzeżenie: (0%) |
Usunąłeś obydwa? 100% i cover?
|
|
|
19.05.2017, 16:54:52
Post
#7
|
|
Grupa: Zarejestrowani Postów: 2 178 Pomógł: 596 Dołączył: 25.09.2009 Skąd: Piwniczna-Zdrój Ostrzeżenie: (0%) |
background-size: cover; i background-size: contain; skalują obraz odpowiednio z zachowaniem współczynnika rozmiaru, dlatego w pierwszym przypadku obraz jest rozciągnięty, a w drugim jest zbyt wąski (bądź też niski, jak kto woli). Aby zachować wysokość 268 px przy małych rozdzielczościach ekranu możesz ją po prostu ustawić:
Oczywiście dla większych rozdzielczości css będzie inny. Ten post edytował mortus 19.05.2017, 16:55:14 |
|
|
Wersja Lo-Fi | Aktualny czas: 24.04.2024 - 06:25 |