Tooltip manuál

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse accumsan diam felis, ornare fermentum justo volutpat in. Mauris ac consequat orci. Praesent pulvinar semper mi aliquam ultricies. Curabitur quis elementum elit. Pellentesque gravida nibh eget tortor facilisis volutpat. Etiam auctor nunc eu sollicitudin mollis. Nunc maximus venenatis urna, at lacinia lectus consequat eget.

Trik spočívá v přidání html atribut/ů na html prvek:

<p><span data-tooltip="Text">Slovo</span></p>
<p><span data-tooltip="Text" class="is-down">Slovo</span></p>

Slovo

Slovo

Doporučené html elementy:

  • span

  • i

  • u

  • b

  • strong

  • a


Ukázka aplikace na obrázek

Obrázek má v nastavení vyplněný alternativní text a zároveň třídu is-tooltip.

Popisek
Popisek 2