jquery – Div对事件透明

@H_197_1@我在网格中有四个div正方形,第五个正方形覆盖它们,位于中心：

小提琴http://jsfiddle.net/TLFJh/

HTML：

@H_450_6@<div class="wrapper"> <div id="info">info</div> <div id="inn1"></div> <div id="inn2"></div> <div id="inn3"></div> <div id="inn4"></div> </div>

CSS：

@H_450_6@div.wrapper { position: relative; width:200px; height:200px; } #inn1,#inn2,#inn3,#inn4 { width:100px; height:100px; float:left; } #inn1 { BACkground: blue; } #inn2 { BACkground: red; } #inn3 { BACkground: green; } #inn4 { BACkground: yellow; } #info { position:absolute; width:100px; height:100px; top:50px; left:50px; border: 1px solid black; Box-sizing: border-Box; }

使用jQuery,我想将mouSEOver()事件绑定到四个方块(简单),但是我希望它们能够捕获事件,即使指针位于信息框上方(对于事件来说盒子是“透明的”).可能吗？

编辑：

目标是我显示一些信息弹出窗口,对于指针后面的每个#inn都有不同的弹出窗口,当光标在信息上时,也应该显示弹出窗口,但是当它在旅馆上方时.