Autor Zpráva
andynewcastleth
Profil
Mám DIV pevné velikost (800*600) a chci jej vyplnit obrázkem (ne pozadím). Pokud bych to měl popsat:

1. vycentruj obrázek na střed divu
2. zmenšuj dokud šířka a výška přesahuje
3. jamile výška = 600 nebo šírka = 800, tak ho přestaň zmenšovat


Keeehi
Profil
andynewcastleth:
Tak ho vyplň pozadím. Jsou to dva řádky a bude ti to dělat přesně to co ty chceš.
background-size: cover;
background-position: 50% 50%;
blaaablaaa
Profil
Případně lze použít přímo obázek a
object-fit: cover; 
object-position: 50% 50%;
A udělat fallback pro IE11 a starší
andynewcastleth
Profil
Ale co když jej nechci dělat přes pozadí?

<div>
<img src="">
</div>



blaaablaaa:
Což nefunguje:

Živá ukázka
blaaablaaa
Profil
andynewcastleth:
Je potřeba nastavit obrázku rozměry width="320" height="80"
andynewcastleth
Profil
blaaablaaa:

Aha, již to funguje.

Děkuji!

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:

0