Autor Zpráva
Martin02
Profil
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
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
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

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: