Diskuse JPW: Vycentrované pozadí pomocí <img>

	Autor	Zpráva
	Martin02 Profil	#1 · Zasláno: 30. 12. 2014, 16:28:59 Odpovědět Citovat Zdravím, mám tento kód, jehož výsledek je přesně takový, jaký chci: body { background: url("/img/bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Problém ale je, že bych pozadí rád řešil pomocí obrázků (`<img>`) a ne takto pomocí css vlastnosti `background`. Lze to nějak udělat? Jde o to, aby se roztahoval dle rozměrů okna, ale nesmí se zdeformovat. Pokud budou rozměry okna ve stejném poměru jako rozměry obrázku, obrázek bude jednoduše zmenšený. Ale pokud bude například okno prohlížeče širší, tak se obrázek natáhne do šířky a výškově bude přetékat mimo plochu. Děkuji za odpovědi
	Tomáš123 Profil	#2 · Zasláno: 30. 12. 2014, 16:34:01 · Upravil/a: Tomáš123 o minutu později Odpovědět Citovat Martin02: „a ne takto pomocí css vlastnosti `background`“ Môžem sa opýtať prečo? „Problém ale je, že bych pozadí rád řešil pomocí obrázků“ Nejako takto? zdroj Ukážka
	Trejpa Profil	#3 · Zasláno: 30. 12. 2014, 16:48:28 Odpovědět Citovat Martin02: „a ne takto pomocí css vlastnosti `background`“ Proč? A co se má dít, když stránka nebo text bude vyšší, než obrázek? Běžné je, že se pod obrázkem objeví pozadí prvku, ve kterém je umístěn. zdroj ukázka
		Časová prodleva: 9 let

Vaše odpověď

Mohlo by se hodit