duda con overlapping

cadrogui · #1 (**permalink**) 26/09/2010, 11:12

hola gente, estoy tratando de hacer sperposicion pero no me resulta, cuando el raton se desliza por el texto deja de funcionar, alguien me da una mano?..

gracias.

Código HTML:

<html>
  <head>
  
  <script type="application/javascript">
  
  function aparece()
  {
	
	document.getElementById('tester').style.display = 'block';
	  
  }
  

  function desaparece()
  {
	
	document.getElementById('tester').style.display = 'none';
	  
  }

  
  
  </script>
  
  </head>
  <body>
  
  
  <div>
  
  	<div style="height:48px; width:48px" style="position:absolute; z-index:0">
    	<a href="#" onClick="aparece();"><img src="img/addusers.png" width="48" height="48"></a>
        
            <div id="tester" style="width:170px; position:absolute; z-index:9999; border:dashed; background-color:#06F; display:none" onMouseOut="desaparece();">
            
        		<p>texto a misualizar en una caja de un tamaño determinado
      		  </p>
        		<p>texto a misualizar en una caja de un tama&ntilde;o determinado </p>
        		<p>texto a misualizar en una caja de un tama&ntilde;o determinado </p>
            </div>
    </div>

          
  <h1>un texto </h1>
  
  </div>
  
  
  </body>
</html>