Duże tło zdjęcia ( background-image) dopasowane do ekranu

Question

Witam chciałbym uzyskać pełne zdjęcie jako tło. Obraz w wymiarach ok. 2500 na 1900. Chcę aby był cały, stał w miejscu i był na środku. Jak na razie mam ino coś takiego

body {
	background-color: #000;
	background-image: url('../image/tlo.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;	
    }  

co działa jedynie gdy daje zdjęcie które nie przekracza zbytnio szerokości strony 1250px i wysokości...  

 

Comments

A co ci nie działa w innym wypadku?

Answer 1

Zainteresuj się:

https://developer.mozilla.org/pl/docs/Web/CSS/Media_Queries/Using_media_queries

https://www.w3.org/TR/css3-mediaqueries/

Answer 2

background-size: cover lub contain

a background-position: center top

Comments

Jednak nie działa :(

---

a żeby działało też na phonie?

---

Szukając jakiegoś guide dla ciebie:

https://css-tricks.com/perfect-full-page-background-image/

https://developer.mozilla.org/pl/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images

https://css-tricks.com/positioning-offset-background-images/

---

Dzięki ale znalazłem już na YT :P z zwykłym osadzonym img w html i schowanym pod całą resztą, chyba najlepsza metoda :P 

#bgimage {
height: auto;
width: 100%;
position: fixed;
z-index: -100;
left: 0px;
min-height: 938px;
min-width: 1250px;
}