cambiar propiedad zIndez con getElementById

[esebayolo]

Hola, estoy intentando que cuando haga click en una región de la imagen lo que se haga es variar el z-index de otra para que aparezca por encima...os pongo lo que hice, pero no me muestra ningún cambio....

Código:

#imgInstalaciones {
	position: absolute;
	z-index: 10;	
}
#imgChimenea {
	position: absolute;
	z-index: 1;	
}

Código:

<div id="imgInstalaciones"><img src="instalaciones/fondo.png" usemap="#fondo"/></div>
<div id="imgChimenea"><img src="instalaciones/chimenea1.png" usemap="#chimenea"/></div>
<map name="fondo">
     <a href="#" onClick="document.getElementById('imgChimenea').style.zIndex='50';">
           <area shape="circle" coords="550,339,100" href="#" />
     </a>
</map>

Gracias por vuestra ayuda.

[Urdaris_Nox]

Podrías probar estas tres cosas;

Sin comillas.
1) style.zIndex=50;

Con guión
2) style.z-index='50';

Con guión sin comillas
3) style.z-index=50;

Estos cambios yo los hago con jQuery así que no estoy seguro de cómo lo haría sin, espero que te sirva de algo.

[goteen_mx]

Checate esta liga.

http://www.w3schools.com/cssref/play...laycss_z-index

Saludos.