rollover en imagen para que aparezca un texto

[vodkajazz_]

hola queria saber como hacer que al pasar el cursor del mouse por una imagen
aparezca un texto en una determinada parte (cordenada) de la pagina..

gracias
si es en css tambien me sirve y si se le puee poner un efecto al aparecer el tezto mejor aun(fade etc)

[caricatos]

Hola vodkajazz_, bienvenido a los foros :

Con css se puede hacer, pero no funciona en explorer, o debería ser un enlace... lo del efecto... es una cosa que sería un poco compleja...

La forma más sencilla creo que es poner una capa con el texto con posición absoluta (dentro de la misma capa) y usar los eventos mouseover y mouseout para mostrarla...

Código:

<div style="position: relative" >
<img src="../miemoticon.gif" style="position: relative; top:0; left:0" 
onmouseover="document.getElementById('pepe').style.visibility = 'visible'"
onmouseout="document.getElementById('pepe').style.visibility = 'hidden'"
/>
<span id="pepe" style="position: absolute; top: -10px; left: 20px; border: 1px outset lime; visibility: hidden">
prueba
</span>
</div>

Saludos