Tema: mostrar div como tooltip
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/08/2011, 12:38
Avatar de ArturoGallegos
ArturoGallegos
Moderador
  
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 17 años
Puntos: 1146
Respuesta: mostrar div como tooltip
si tu tooltip no requiere alguna animación seria mas fácil y simple con CSS

algo como
Código CSS: 
Ver original
  1. .tooltip{display:none;padding:5px;border:1px #F90 solid;background:#FC9;position:absolute;}
  2. a:hover + .tooltip,
  3. p:hover .tooltip{display:inline;}
Código HTML: 
Ver original
  1. <div>
  2.     <a href="#">link</a>
  3.     <div class="tooltip">contenido de tu tooltip</div>
  4.  
  5.     <p>contenido de tu párrafo<span class="tooltip">contenido tooltip 2</span> mas contenido del sitio</p>
  6. </div>

Nota: Compatible con IE7 o superior