Tooltip Sencillo
<style>
.tooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
}
.tooltip:hover {
z-index:999; /* va a estar por encima de todo */
}
.tooltip span {
display: none; /* el elemento va a estar oculto */
}
.tooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:240px; /* el ancho por defecto que va a tener */
height:40px;
padding:5px; /* la separación entre el contenido y los bordes */
background-color:#000000; /* el color de fondo por defecto */
color:#FFFFFF;
text-align:center;
}
</style>
Y despues de eso asi sale el show !
Mi chorizo ... Tooltip Activado!
