Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
<div id="link">
<a href="#">Link<span>Zusatztext als PopUp.</span></a>
</div>
Was zwischen <span></span> eingebettet wurde, wird über eine Formatanweisung unsichtbar gemacht:
div#link a span {display: none;}
Sobald nun der Cursor auf dem Link erscheint, wird mit a:hover die Formatierung geändert und der Tooltipp mit einem Layer zum Leben erweckt:
div#link a:hover span
{display:block; text-decoration:none; position: absolute; top: 40px; left: 0; width: 140px; padding: 5px; margin: 4px; z-index: 100; color:black; background:yellow;}
Größe und Position können Sie wie oben frei festlegen. Text- und Farbformate können nach Belieben angepasst werden. Ebenso ein feiner Rahmen mit 'border : 1px solid black".