dos cosas mas........... espero aca acabe ^^
1. cierra el body ^^
2. al layer1, osea la imagen (mapa) , le das z-index: 1 ..... por lo que no deja que se muestre la capa2....... solo quitalo.......
te pongo el codigo.......
Código html:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
body {
scrollbar-arrow-color: #000000; //para cambiar de color la barra de desplazamiento
scrollbar-base-color: "background-color: transparent";
scrollbar-dark-shadow-color: "background-color: transparent";
scrollbar-track-color: "background-color: transparent";
scrollbar-face-color:"background-color: transparent";
scrollbar-shadow-color:"background-color: transparent";
scrollbar-highlight-color: "background-color: transparent";
scrollbar-3d-light-color: "background-color: transparent";
}
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> <!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
</script>
<script language="Javascript">
display = (navigator.appName == "Microsoft Internet Explorer") ? "block" : "table-row" ;
function mostrar(nombreCapa){ document.getElementById(nombreCapa).style.display = display;}
function ocultar(nombreCapa){ document.getElementById(nombreCapa).style.display = "none";}
</script>
</head>
<body background="../../imagenes/FondoderechaEventos.png" onLoad="MM_showHideLayers('Layer3','','show')">
<div id="Layer1" style="position:absolute; left:100px; top:51px; width:98px; height:149px;" align="center">
<img src="http://www.forosdelweb.com/imagenes/mapas/MapaEventosGral.jpg" width="418" height="520" border="0" >
</div>
<div id="capa1" style="position:absolute;width:100px;height:26px;top:167px;left:247px;" onMouseOut="ocultar('capa2')" onMouseOver="mostrar('capa2')"></div>
<div id="capa2" style="position:absolute;width:100;height:100;top: 112px;left:556px;display:none;">prueba</div></body></html>
espero te sirva..... no olvides el karma ........ jaja
suerte.