DIV 事件被子元素挡住了

Question

如下结构:
当鼠标点击title  DIV时候,无法触发事件.
var html = '<div id="title" onMousedown="alert(1);" onmousemove="alert(2)" onmouseup="alert(3)">
   <div class="title">
      <a href="javascript:void(0)" title="提示"><b onclick="alert(4)"></b></a>
   </div>
</div>'点击;触发点击事件,提示: 4
之前是用JS创建div,再一个一个去设置.可以得到想要的结果,现在改成用 document.body.innerHTML += html;   这样加入进去.就不行了.
用JS创建出来的,在子iframe中,事件获取不到event值.
为什么呢?

Answer 1

设置style="z-index:2" 属性。

Answer 2

这个要用position:relative z-index:999；去解决

Answer 3

可以调整样式<div id="title" onMousedown="alert(1);" onmousemove="alert(2)" onmouseup="alert(3)" style="z-index:2">