• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Responsywność tła

+1 głos
227 wizyt
pytanie zadane 25 stycznia 2016 w HTML i CSS przez ethern Nowicjusz (150 p.)

Witam,

W jaki sposób zrobić responsywne tło, ale tak, żeby nawet po oddaleniu miało tą samą szerokość i wysokość (chodzi mi o taki efekt http://www.lukaszzygadlo.pl/ ) Stosowanie background-size: contain; nie daje tego efektu.

6 odpowiedzi

+1 głos
odpowiedź 25 stycznia 2016 przez niezalogowany
background-size: cover; spróbuj
0 głosów
odpowiedź 25 stycznia 2016 przez Paweł123 Nałogowiec (33,580 p.)
Coś takiego stworzyłem

http://codepen.io/anon/pen/KVoVqv

o coś takiego Ci chodzi?
0 głosów
odpowiedź 25 stycznia 2016 przez Mariusz O Mądrala (5,290 p.)
div.background {
 background: url( ADRES_DO_OBRAZKA );
 background-size: cover;

 /* Jeżeli wymiaru nie uzależniasz od zawartości */
 width: 100%;
 height: 100%;
}
<div class="background"></div>

 

0 głosów
odpowiedź 17 marca 2016 przez michal Mądrala (5,450 p.)
W przykładzie który podał autor pytania ( http://www.lukaszzygadlo.pl/ ) tło strony czyli fotografia podczas zwężania okna przeglądarki jest zmniejszana i jednocześnie jest przycinana równomiernie zarówno z lewej, jak i z prawej strony. Czy wiek ktoś jak uzyskać taki efekt ?
0 głosów
odpowiedź 17 marca 2016 przez Mateusz11 Pasjonat (22,930 p.)
A popatrzyłeś w kod, i sam spróbowałeś znaleźć "linie klucz"?
0 głosów
odpowiedź 17 marca 2016 przez michal Mądrala (5,450 p.)
Patrzyłem,niestety nie wiem która linia dokładnie za to odpowiada.

Podobne pytania

0 głosów
1 odpowiedź 281 wizyt
pytanie zadane 27 czerwca 2016 w HTML i CSS przez niezalogowany
+1 głos
2 odpowiedzi 552 wizyt
pytanie zadane 9 kwietnia 2016 w HTML i CSS przez Stami Gaduła (3,780 p.)
0 głosów
2 odpowiedzi 677 wizyt
pytanie zadane 3 listopada 2015 w JavaScript przez Wiciorny Mędrzec (197,420 p.)

86,486 zapytań

135,242 odpowiedzi

300,489 komentarzy

57,234 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...