Hola
No hay problema, mira.
La imagen que tu ves, está insertada en la página mediante esta línea:
Código:
<img src="http://www.disneylatino.com/DisneyChannel/Programas/show_18_ZAPPING-ZONE/sitio_norte/photos/20041222_nor.jpg" width="526" height="530" alt="Serenata de Big Pino">
Pero si revisas el código nuevamente, verás que tres líneas más abajo está este otro código:
Código:
<div id="Layer1" style="position:absolute; left:-2px; top:1px; width:528px; height:530px; z-index:1">
Este código genera un recuadro de 528 pixels de ancho y pixels de alto que se posiciona justo encima de la imagen, haciendo así impsible que posiciones realmente el cursor sobre la imagen que ves.
Para que te hagas una idea, trasformemos la pantalla en algo de tres dimensiones, con niveles, profundida y demás ¿si?.
Ahora vamos a voltearla, como si quisieras mostrar lo que está en la pantalla a alquien que estuviera en el techo ¿ok?.
Bueno, pues la imagen está en un primer nivel y la capa que impide que hagas clic está en un segundo nivel, de esta manera.
________ --> capa transparente (como si fuera un cristal)
________ --> imagen que muestra la página
Este efecto de generar la página con capas y niveles, se logra, por ejemplo, usando la etiqueta <div> y los niveles con el z-index o indicador en el eje z.
Espero que te sirva esta explicación, pero si no es así, volvemos a intentarlo.
Felicidad