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
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Text na obrázku pomocí pozicování</title> <style> </style> <h1>Text na obrázku pomocí pozicování</h1> <div class="popsany"> <img src="http://teststranek.kvalitne.cz/images/obrazek-1.jpg"> <div class="popis">Kaple svaté Kláry</dic> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.popsany { position: relative; display: inline-block; } .popis { font-family: arial, sans-serif; font-size: 120%; font-weight: bold; position: absolute; bottom: 30px; right: 40px; visibility: hidden; background: #fab; padding: 0 5px 2px; } .popsany:hover .popis { visibility: visible; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>