Nejlepší a nejjednodušší popup jen pomocí CSS

CSS kód:

CSS
.showonhover .hovertext { display: none;}
.showonhover:hover .hovertext {display: inline;}
.hovertext {position:absolute;z-index:1000;border:1px solid #ffd971;background-color:#fffdce;padding:11px;width:500px;left: 250px; font-size: 0.75em;}

HTML kód:

XML
<span class="showonhover">
    <a href="#">...</a>
    <span class="hovertext">Text zobrazený po najetí na 3 tečky</span>
</span>

Celé to můžete vyzkoušet…

zdeText zobrazený po najetí na 3 tečky

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *