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
<h1>Text na obrázkovém odkazu pomocí background-image</h1> <a href="#" class="popsany"> <h2>Kaple svaté Kláry</h2> </a> <p>Ve skutečnosti není text na obrázku, ale uvnitř prvku DIV s obrázkovým pozadím.
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.popsany { display: inline-block; background: #def url(http://teststranek.kvalitne.cz/images/obrazek-1.jpg); width: 320px; height: 240px; } .popsany h2 { padding: 3px 15px; margin: 0; font-family: arial, sans-serif; font-size: 90%; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>