javascript中奇怪事件

javascript中奇怪事件

 为啥叫奇怪事件了，应该是我目前掌握的知识暂时不能解释这种现象滴呀(也许可以用事件流的概念来解释滴呀)

看布局：

#hideInfo{
    height:100px;
    width:100px;
    background:green;
    position:absolute;
    top:20px;
    left:-90px;
}
#hideInfo span{
    height:100px;
    width:100px;
    background:blue;
    position:absolute;
    top:20px;
    left:290px;
}

看效果：

js代码：

window.onload=function (){

         //这样我岂不是可以形成一种视觉上的错误滴呀
        var bar=document.getElementById("hideInfo");
        bar.onmouseover=function (){
           alert("fuck");    
        }
 }

结果：

当我鼠标移入span（蓝色方框）的时候我们，效果就alert了，