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
<title>Pseudo-třídy :before a :after u obrázků</title> <h1>Pseudo-třídy :before a :after u obrázků nefungují</h1> <p>U <code><img></code> nejde používat pseudo-třídy <code>:before</code> a <code>:after</code>. Což znemožňuje například vypsání <code>alt</code>u obrázku přes <a href="http://jecas.cz/content-attr"><code>content: attr(alt)</code></a>.</p> <h2>Obrázek s <code>alt</code>em</h2> <img src="http://diskuse.jakpsatweb.cz/img/logo.png" alt="Logo DJPW" class="after"> <h2>Odstavec s <code>alt</code>em</h2> <p class="after" alt="U odstavce to funguje"></p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.after:after { content: attr(alt); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>