HTML info-bulle position par rapport au pointeur de la souris

Comment aligner l'info-bulle le style naturel: en bas à droite du pointeur de la souris?

<!DOCTYPE html>
<html>
<head>
  <title>Tooltip with Image</title>
  <meta charset="UTF-8">
  <style type="text/css">
    .tooltip {
        text-decoration:none;
        position:relative;
    }
     .tooltip span {
        display:none;
    }
     .tooltip span img {
        float:left;
    }
     .tooltip:hover span {
        display:block;
        position:absolute;
        overflow:hidden;
    }
  </style>
</head>
<body>
  <a class="tooltip" href="http://www.google.com/">
    Google
    <span>
      <img alt="" src="http://www.google.com/images/srpr/logo4w.png">
    </span>
  </a>
</body>
</html>
  • Êtes-vous à l'aide de jquery ? Ou seulement css/javascript ? Avez-vous besoin de suivre le pointeur de la souris lorsque le curseur de l'élément ou simplement afficher une fois l'info-bulle à une position lors de la première planant l'objet ?
  • Pas de jQuery, pas de JavaScript, uniquement en CSS. Je n'ai pas besoin de suite, je veux juste de la commune info-bulle comportement.
InformationsquelleAutor Ben | 2013-03-29