层遮挡后事件怎么触发

Question

怎么才能两个层的点击事件都能相应呢，在不改变框架的情况下。
    <div style="position:absolute;left:0;top:0;height:300px;width:500px;border:solid 1px #000;z-index:1">
            <font onclick="alert('我是下层');">我是下层的</font>
    </div>
    <div style="position:absolute;left:0;top:0;height:300px;width:500px;border:solid 1px #000;z-index:2">
            <font onclick="alert('我是上层');" style="margin-left:400px;background:#bbb">我是上层的</font>
    </div>

Answer 1

一个是判断点击时候鼠标是否在层的区域里面
通过div的left，top，width，height判断鼠标的xy是否在区域里面总没问题吧还有就是 吧2个层套在一起 这样肯定是会冒泡的