各位,请教一个问题。
代码如下:
<div id = "outer" style ="background-color:Red;width:300px;height:300px;" onclick = "alert('outer')">
    <div id = "frame" style ="background-color:green;width:100px;height:100px;position:absolute;" onclick = "alert('frame')">
        <div id = "border" style ="background-color:Aqua;width:10px;height:100px;position:absolute;" onclick = "alert('border')"></div>
    </div>
    <div id = "inner" style ="background-color:Blue;width:200px;height:200px;" onclick = "alert('inner')"></div>
</div>
要求:
"border"能够显示出来,而且点击"frame"或者"border"块时能够触发inner相应的事件。即点击"frame"或者"border"时,会依次跳出"frame"/"border","inner","outer"这些对话框。