Z-Index and Click Event

by XcsN

HTML

<div id="xs"><div id="cs"></div></div>

CSS

#xs{
    position:absolute;
    z-index:5;
    width:300px;
    height:300px;
    background-color:red;
}
#cs{
    position:relative;
    z-index:-2;
    width:100px;
    height:100px;
    background-color:blue;
    left:200px;
}

JavaScript

$('#cs').on('click',function(){
        alert("msg2");
    });
    /*$('#xs').on('click',function(){
        alert("msg1");
    });*/