CSS, pozadí z několika vsrtev

Od: pepek454 19.11.21 21:04 odpovědí: 2 změna: 20.11.21 11:31

ahoj, Mám několik obrázků ve formátu PNG, potřeboval bych z toho nějak poskládat pozadí, které se bude přizpůsobvat velikosti displeje, potřebuji aby se vrstvy navzájem překrávali (s použitím z-index). Potřebuji se od něčoho odpýchnout, zatím mám něco takovéhoto html { font-family: Rubik, sans-serif; background: url(/-/img/oblaka.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Ale už nevím jak tam dát podobným způsobem ty ostatní vsrtvy. Díky za jakoukoliv odpověď, v CSS začínám

doplněno 19.11.21 21:07:

koukám že se to blbě vložilo... tak tady sharecode.xf.cz/...

Odpovědět na otázku

2 odpovědi na otázku

Řazeno dle hodnocení

geftgames®

19.11.21 21:55

Obrázky dej do divů, každý div jiný z-index.
doplněno 21.11.21 16:37:

Na co si dát pozor:

- prázdný div bez obsahu (css se nepočítá) má velikost 0x0 pixelů, takže nastav width, height

- divy se skládají pod sebe nastav v css position fixed

- obrázek je lepší přes background-image

- url za background-image s uvozovky url("...") nebo url(...)

- poloprůhlednost, kdyby bylo potřeba... css opacity

sharecode.xf.cz/...

doplněno 21.11.21 16:43:

omlouvám se nějak se nezobrazil druhý typ uvozovek (apostrof) u url () myšlen fileformat.info/...

[přidat komentář]

pepek454

20.11.21 11:31

sharecode.xf.cz/...

Toto nefunguje..

[přidat komentář]

Přidat svou odpověď

Přihlásit se k odběru odpovědí z této otázky:

Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz.

Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.