evitar clic sobre una capa

[summaky]

Y ahora que has conseguido la superposición de las zonas que quieres "ocultar" al click, porque no sustituyes los colores por un gif transparente (un gif de 1x1 px transparente).

Tu css quedaría así:


#contenedor{ position: absolute; top:0px; left:0px; z-index:1; width:580px; height:580px; background-image: url('trans.gif') }
#superpuesto1{position: absolute; top:70px; left:146px; z-index:2; width:434px; height:510px; background-image: url('trans.gif')}
#superpuesto2{position: absolute; top:0px;left:0px; z-index:3; width:220px; height:247px; background-image: url('trans.gif')}
#superpuesto3{ position: absolute;top:0px;left:0px; z-index:4; width:580px; height:25px; background-image: url('trans.gif')}
#superpuesto4{position: absolute;top:25px; left:570px; z-index:5; width:10px; height:50px; background-image: url('trans.gif')}
#superpuesto5{position: absolute; top:450px;left:0px; z-index:6; width:150px; height:130px; background-image: url('trans.gif')}
#superpuesto6{position: absolute; top:240px;left:0px; z-index:7; width:15px; height:230px; background-image: url('trans.gif')}


Probado en local y funciona como quieres