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

Krótkie pytania o background-image

Hosting forpsi easy 1 pln
+1 głos
237 wizyt
pytanie zadane 29 maja 2021 w HTML i CSS przez bazyl8796 Obywatel (1,020 p.)
Cześć,

mam takie krótkie pytanko, a mianowicie jak zrobić żeby obraz (tło) się nie rozciągał po daniu mu width:100% i height:100%? Chcę żeby zamiast się rozciągać kadrował swoją zawartość dopasowując do szerokości i długości ekranu. Wie ktoś może jak takie coś zrobić?
Dziękuję za wszelką pomoc!

Pozdrawiam!
komentarz 30 maja 2021 przez uszk Użytkownik (630 p.)
object-fit: contain; tez moze byc pomocne

1 odpowiedź

+2 głosów
odpowiedź 29 maja 2021 przez Wiciorny Ekspert (262,710 p.)
wybrane 29 maja 2021 przez bazyl8796
 
Najlepsza

spróbuj 

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

Link również : https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-but-not-stretch
Jest też atrybut fit-cover, ale nie do końca jestem pewny jak z jego stosowaniem 
https://www.w3schools.com/css/css3_object-fit.asp

1
komentarz 29 maja 2021 przez bazyl8796 Obywatel (1,020 p.)
Dzięki!
komentarz 30 maja 2021 przez VBService Ekspert (246,010 p.)

wink

background-position: center center;

 

Podobne pytania

0 głosów
0 odpowiedzi 609 wizyt
pytanie zadane 3 września 2022 w HTML i CSS przez kingkushlee Gaduła (3,960 p.)
+1 głos
1 odpowiedź 267 wizyt
pytanie zadane 7 czerwca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
2 odpowiedzi 276 wizyt
pytanie zadane 14 kwietnia 2021 w HTML i CSS przez Kubs Mądrala (5,190 p.)

92,092 zapytań

140,751 odpowiedzi

317,718 komentarzy

61,409 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 0p. - 13NOONE37
  2. 0p. - Kacper Bogucki
  3. 0p. - Michal Drewniak
  4. 0p. - Radosław Kawka
  5. 0p. - CC PL
  6. 0p. - Takor0
  7. 0p. - Voribel
  8. 0p. - Mateusz Bogdan
  9. 0p. - Adam Śpiewak
  10. 0p. - overcq
  11. 0p. - Arkadiusz Olczak
  12. 0p. - TheLukaszNs
  13. 0p. - Mateusz Sobala
  14. 0p. - Mawrok
  15. 0p. - Innro
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia w koszyku, uzyskując rabat aż -50% (jeszcze tylko dziś 30.11 z okazji Black Week, a potem będzie to 30%) na bilety w wersji "Standard"! Więcej informacji na temat akademii znajdziecie tutaj. Dziękujemy Sekurakowi za tak fajną zniżkę dla Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 15% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...