Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
Obsah před. <div class=barva> <div class=obrazek></div> <div class=obsah> <p>Obsah <p style=margin-top:50em>Obsah </div> </div> Obsah za.
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.barva { background: peru; position: relative; z-index: -2; /* Může mít jinou šířku, například: */ /* width: 90%; */ } .obrazek { width: 100%; position: absolute; z-index: -1; /* Poměr výšky k šířce obrázku (3:4, tj. 75%) */ padding-bottom: 75%; height: 0; background: url(http://qu.wu.cz/webtest/kote.jpg) top no-repeat; background-size: 100%; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>