Autor Zpráva
PetrV_01
Profil *
Nevíte někdo jak udělat aby obrázek na pozadí, který má rozměry třeba 800 x 300 si na mobilech zachoval výšku 300, roztáhl se na celou šířku displeje a přitom se nezdeformoval?

Děkuji
weroro
Profil
V CSS nastav background-size: cover
PetrV_01
Profil *
To jsem zkoušel a nefungovalo to. Viz.:

<html><head><title></title>
<style type="text/css">

img{max-width:100%;height:auto;box-sizing:border-box;}

.header {background-size:cover;background-repeat:no-repeat;text-align:center;}

</style>

<script>

</script>
</head><body>
<div class="header"><img src="http://lorempixel.com/400/200/sports/1/" alt="" /></div>
</body></html>
weroro
Profil
Ten obrázok musíš zadefinovať ako pozadie daného elementu
.header {
background:url(http://lorempixel.com/400/200/sports/1/) center center no-repeat;
background-size:cover;
}
Bubák
Profil
PetrV_01:
zachoval výšku 300, roztáhl se na celou šířku displeje a přitom se nezdeformoval?
Mi to přijde jako protimluv.
PetrV_01
Profil *
Díky weroro za postrčení.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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