Tak duży obraz jako tło jest słabym pomysłem - zerowa kompresja obrazu, długie ładowanie etc.
ale jak już musisz to dodaj do background, parametr 'no-repeat'
i potem background-size: cover;
W razie problemów wygooglaj te dwie frazy to spokojnie znajdziesz jak to zastosować.
Zastosowałem to co napisałeś i mam czarne tło.
Jak będzie lepiej zrobić o tym lepszym sposobie ?
Za dużo tłumaczenia odnośnie kompresji obrazu, musiałbyś pogooglować.
A masz czarne tło bo takie ustawiłeś, look:
https://i.imgur.com/SpouAZx.png
Możesz zrobić tak:
https://i.imgur.com/SpJWABq.png
lub zamiast
background-size: cover; dać
background-attachment: fixed;, wybierz sobie, który efekt Ci bardziej odpowiada
Proszę gotowe - wystarczy wkleić w global:
Cytat:body {
width: 100%;
min-width: 100%;
max-width: 100%;
display: inline-table;
background: url(https://images7.alphacoders.com/587/587527.jpg);
color: #333;
background-attachment: fixed;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: 'Hind', sans-serif;
font-size: 13px;
overflow-y: scroll;
}
Nie trzeba nawet dawać no-repeat gdyż tło jest przyklejone do okna przeglądarki.
Usuń sobie również zbędne znaczniki background z #header i #container.
(29.07.2016, 00:53)TpkGames napisał(a): [ -> ]Proszę gotowe - wystarczy wkleić w global:
Cytat:body {
width: 100%;
min-width: 100%;
max-width: 100%;
display: inline-table;
background: url(https://images7.alphacoders.com/587/587527.jpg);
color: #333;
background-attachment: fixed;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: 'Hind', sans-serif;
font-size: 13px;
overflow-y: scroll;
}
Nie trzeba nawet dawać no-repeat gdyż tło jest przyklejone do okna przeglądarki.
Usuń sobie również zbędne znaczniki background z #header i #container.
Trzeba dodać za to odpowiedni
background-size, bo na ogromnym rozdzielczościach tło będzie się powtarzało.