Logowanie

Tło na stronę - źle się wyświetla

pytanie zadane 17 grudnia 2015 w HTML i CSS przez damianlxlx5 Obywatel (1,880 p.)

Mam taki problem z tym tłem https://i.ytimg.com/vi/Yh5qeK-fmQE/maxresdefault.jpg

Otóż ono jest w rodzielczości 1280x720 i jak go ustawiam na stronę u zmienie sobie rodzielczość na większą niż ten obraz to automatycznie po pokach strony dzieje się coś takiego:

Taki pasek po obu stronach.Nie zbyt ładnie to wygląda dlatego też pytam czy jest jakieś wyjście z tej sytuacji poza zwiększeniem wymiarów tego obrazka, co zepsuje jego estetyczność ?

2 odpowiedzi

odpowiedź 17 grudnia 2015 przez Eimens Maniak (69,240 p.)
wybrane 17 grudnia 2015 przez damianlxlx5

Najlepsza

Zastosuj:

background-size: cover;

background-repeat: no-repeat;

komentarz 17 grudnia 2015 przez damianlxlx5 Obywatel (1,880 p.)

Okej teraz pięknie działa :)

A do czego służy ta komenda background-size: cover; ?

komentarz 17 grudnia 2015 przez Eimens Maniak (69,240 p.)

background-size: <-- wielkość tła

cover <-- mówi nam żeby wielkość tła dostosowywała się do rozdzielczości.

___

Poczytaj: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

komentarz 17 grudnia 2015 przez damianlxlx5 Obywatel (1,880 p.)

ale jak będzie rozdzielczość dosyć duża to wtedy się te tło rozciągnie i będzie źle wyglądało ?

komentarz 17 grudnia 2015 przez migacz100 Mądrala (5,410 p.)

Dokładnie tak, więc dlatego dobrze mieć tło w przynajmniej 1920x1080

komentarz 17 grudnia 2015 przez Eimens Maniak (69,240 p.)

Tak rozciągnie to i będzie ble :D

odpowiedź 17 grudnia 2015 przez Przemo04 Użytkownik (500 p.)

Podobne pytania

+1 głos

2 odpowiedzi 319 wizyt

Dlaczego po wstawieniu tapety jako tła strony nie wypełnia jej w całości (height) ?

pytanie zadane 8 listopada 2015 w HTML i CSS przez DariuszH Gaduła (3,100 p.)

0 głosów

1 odpowiedź 754 wizyt

Jak ściemnić tło pod divem?

pytanie zadane 5 kwietnia 2018 w HTML i CSS przez GracjanDogg Użytkownik (840 p.)

0 głosów

1 odpowiedź 335 wizyt

Grafiki pod tło

pytanie zadane 31 grudnia 2018 w Grafika i multimedia przez timati Bywalec (2,060 p.)

...