Questo è l'esempio completo, molto semplice.
Così com'è portando il cursore sopra al link viene visualizzato il tooltip.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> <title> descrizione titolo </title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #content A {FONT-WEIGHT: bold; COLOR: #000000; POSITION: relative; TEXT-DECORATION: underline} #content A:visited {FONT-WEIGHT: normal; COLOR: #000} #content A:hover {COLOR: #888; BACKGROUND-COLOR: #fe8 } #content A SPAN {DISPLAY: none} #content A:hover SPAN { BORDER: #859 1px solid; font-size: 11px; font-weight:normal; DISPLAY: block; LEFT: 20px; WIDTH: 150px; COLOR: #000; POSITION: absolute; TOP: 16px; BACKGROUND-COLOR: #fdf; TEXT-ALIGN: center; TEXT-DECORATION: none} </style> </head> <body> <div id="content"> <span>Premi qui per scaricare</span>link 1 </div> </body> </html>
Se si toglie il background-color (evidenziato in rosso) il tooltip non va più!![]()