Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Dopasowywanie tła do rozdzielczości ekranu.
Salur
post 22.08.2015, 20:13:43
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Witam, mam problem z tłem które się nie dopasowuje do rozdzielczości. Problem w tym że ja np. mam dobrze a kolega ma już niewielkie białe paski po bokach, chciałbym aby tło się dopasowywało do kazdej rozdziałki. Czy musze użyc do tego javascript?

CSS:

  1. body {
  2.  
  3. background: url(../img/bg.jpg) no-repeat center top;
  4. width: 100%;
  5. height: 100%;
  6.  
  7. }


Ten post edytował Salur 22.08.2015, 20:36:07
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
jaca121212
post 22.08.2015, 20:49:53
Post #2





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


Spróbuj tego użyć
https://css-tricks.com/perfect-full-page-background-image/
Go to the top of the page
+Quote Post
Salur
post 22.08.2015, 21:06:16
Post #3





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Niestety mi to przesuwa tło, a ja nie chce aby je przesuwało.
Go to the top of the page
+Quote Post
trueblue
post 22.08.2015, 21:33:53
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


W jakim sensie przesuwa?

Rozwiązanie (background-size:cover) z linku, który przesłał jaca121212 jest odpowiednie.


--------------------
Go to the top of the page
+Quote Post
jaca121212
post 23.08.2015, 08:05:56
Post #5





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

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


To jest przykład z użyciem cover jeśli usuniesz background-size:cover; to zobaczysz różnicę.
http://jsfiddle.net/Lovw9xpj/
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 04:48