si se puede con CSS, no me acuerdo de que web lo saque (el maldito NVU borro los comentarios) pero el enlace estaba en este foro
Código HTML:
a.info{ position: relative;
z-index: 24;
color: blue;
text-decoration: none;
}
a.info:visited{ color: gray;
text-decoration: none;
}
a.info:hover{
z-index: 25;
color: black;
font-weight: 900;
}
a.info:active{ color: green;
text-decoration: none;
}
a.info span{ display: none;
}
a.info:hover span{ border: 1px solid rgb(255, 181, 177);
display: block;
position: absolute;
top: 2em;
left: 2em;
width: 15em;
background-color: rgb(248, 160, 159);
color: purple;
font-size: 8pt;
text-align: center;
}
y luego pones el enlace
Código HTML:
<a href="paginaenlazada.htm" class="info">Enlace a paginaenlazada<span>texto en el tooltip</span></a>
y se ve asi cuando pasa el mouse por el enlace:
no se porque no me salio el puntero cuando tome el screenshoot.
Y como lo que quieres que se vea va entre <span> y </span> puedes poner casi cualquier cosa incluido imagenes.
EDIT: aqui esta el
enlace