该如何将mouseover 两个div叠在一起呢，有什么好的办法么？

Question

如图，我是在一个input上增加了一个i标签的图案要求是鼠标移动到输入框上时，i标签从隐藏变为显示但是在使用mouseover 和mouseout，鼠标移动到输入框上时确实能显示i标签，但是移动到i标签上时，判断触发mouseout，i标签消失，但是我实际需要的是移出输入框才触发mouseout，请问这个该怎么处理

Answer 1

你应该把mouseover和mouseout事件绑定到input的父元素上（没有的话就加一个），这个元素包含input和i标签，这样当鼠标在这个父元素的范围内移动时，i标签都不会消失了。

Answer 2

<script>  window.onload=function(){      var divs = document.getElementsByTagName("div");       for(var i=0;i<divs.length;i++){           ee[i].onmouseover=function(){          alert("ok！");}          }      }  </script> 1、  <div>    <div></div>  </div>  如果div是这样布局的下面的div也会触发事件； 2、 <div style="float:left;"></div> <div></div>  如果是这样布局 只触发最上面的div事件；