Jugar con los z-index y position

[madman_18]

Iniciado por ryugen

Tu problema no es con el z-index ni con CSS.

Sino que el evento click se está propagando en el árbol de elementos y accionando el click del contenedor.

Para evitarlo tienes que cancelar la propagación

Código HTML:

<div class="contenedor" onclick="alert('acciona el click en el contenedor');">
    <img src='algunsitio.jpg'/>
    <div class="capaoculta">
    <div id="boton" class="boton">contenido boton</div>
    </div>
    </div>
 

Código Javascript:

document.getElementById("boton").onclick = function(e) {
    alert('acciona el click del boton');
    if(e && e.stopPropagation) 
    {
        e.stopPropagation();
    } 
    else
    {
          e = window.event;
          e.cancelBubble = true;
    }
}
 

Acá tienes un jsFiddle con el código funcionando

Perdón entonces ;) pensé que con alguna ayuda de css podría cambiarlo... habría que meter el post en javascript entonces ;)

Sólo comentarte....en el resultado que me comentas al final, me saca siempre el botón y no el alert del contenedor, ¿es correcto?