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
<p class="a"> <span> To červené pozadí za textem je jemně průhledné (bude za ním fotka). Proto je použit 1px png obrázek s průhlednou barvou. - potřebuji aby barva za textem "kopírovala" text, takže je potřeba inline element. </span> </p> <p class="b"> <span> To červené pozadí za textem je jemně průhledné (bude za ním fotka). Proto je použit 1px png obrázek s průhlednou barvou. - potřebuji aby barva za textem "kopírovala" text, takže je potřeba inline element. </span> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.a { padding: 2em; text-align: justify; width: 300px; } .a span { background: rgba(220,150,50,.3); outline: 1em solid rgba(220,150,50,.3); } .b { padding: 2em; width: 300px; } p span { background: rgba(220,150,50,.3); outline: 1em solid rgba(220,150,50,.3); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>