| Autor | Zpráva | ||
|---|---|---|---|
| PetrV_01 Profil * |
#1 · Zasláno: 31. 10. 2017, 18:14:33
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 |
#2 · Zasláno: 31. 10. 2017, 18:46:47
V CSS nastav
background-size: cover
|
||
| PetrV_01 Profil * |
#3 · Zasláno: 31. 10. 2017, 19:30:59
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 |
#4 · Zasláno: 31. 10. 2017, 20:34:41
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 |
#5 · Zasláno: 31. 10. 2017, 23:29:36
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 * |
#6 · Zasláno: 31. 10. 2017, 23:40:20
Díky weroro za postrčení.
|
||
|
Časová prodleva: 5 let
|
|||
0