DIV 事件被子元素挡住了解决办法

DIV 事件被子元素挡住了
如下结构:
当鼠标点击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值.
为什么呢?




------解决方案--------------------
设置style="z-index:2" 属性。
------解决方案--------------------
这个要用position:relative z-index:999；去解决
------解决方案--------------------
可以调整样式<div id="title" onMousedown="alert(1);" onmousemove="alert(2)" onmouseup="alert(3)" style="z-index:2">

探讨

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