Código css escribió:
elemento:after {
content: attr(title);
background: /*tu fondo*/;
color: /*tu color*/;
/*resto de propiedades*/
}
Puedes utilizar el pseudo elemento :before en vez de :after
Y en content añadir una cadena de texto a mayores o cualquier otro atributo en vez de title.
Sea el código css:
Código HTML :
a:hover:after {content: attr(title);}
Y el html:
Código HTML :
<a id="contacto" title="Usar el formulario de " "href="contacto.html">contacto</a>
Al posicionarte sobre el enlace verías:
Código generado escribió:
Usar el formulario de contacto
Ahora sólo es cuestión de que le asignes los estilos que necesites a la regla "a:hover:after"
Pero si lo utilizas con la etiqueta img debes tener en cuenta que síempre se colocará debajo (eje z) de la imagen.
Algo más sobre generar contenido con cssOTRA solución sería crear un falso tooltip:
Con :hoverCon :activeSaludos