CSS - Dwa obrazy na tło

Question

Dzień Dobry,

Chciałbym mieć dwa obrazy na stronie (jeden pod drugim)? Wiem jedynie jak jeden obraz dołączyć. A więc jak się ustawia dwa obrazy pod sobą na tło strony?

Answer 1

To bardzo proste, dodajesz dwa obrazki w background w CSS, ustawiając przy okazji ich położenie: https://codepen.io/radek024/pen/LKJKeB

Comments

Dzięki! A jakże banalne. Jednak mają rację: proste rozwiązania są najlepsze!

---

NIe nie - ciągniesz dalej ten sam background, co wcześniej - to będzie wyglądało wtedy tak:

background: url("url obrazu"), url("urlobrazu2") 0 640px, url("url obrazu 3") 0 1280px; 

Teraz będziesz miał trzy tła, które będą się pojawiać na wysokości 0px, 640px, 1280px. Pamiętaj, że jeżeli obraz z url pierwszego będzie większy aniżeli 640px (w wysokości, ponieważ drugi atrybut leci po wysokości - dlatego pierwszy zostawiamy równy 0, ponieważ on przemieszcza obraz poziomo) przysłoni drugi, czyniąc go niewidocznym. 

---

Ojej, sorry - ale usunąłem Twój komentarz XD Mam nadzieję że wiesz o o mi chodzi.

---

XD Dzięki!

Answer 2

W CSS działa to tak: MDN - dodajesz je po przecinku.