CSS > Infobulles en CSS

//Code CSS
a.info {
    position:relative; 
   z-index:100; 
   color:#FF0000;
   text-decoration:none
}

a.info:hover {
    z-index:100; 
    background-color:#000000;
}

a.info span {
    display: none
}

a.info:hover span { 
     display:block; 
     position:absolute;    
   top:15px; 
   left:15px;
   width:100px; 
   border:1px solid #6699cc;
   background-color:#eeeeee; 
   color:#6699cc;
   text-align: justify;
   font-weight:none;
   padding:1px;
}

//Code HTML
<a href="#" class="info">Texte du lien<span>définition dans infobulle</span></a> Retour