jquery – Div对事件透明

前端之家收集整理的这篇文章主要介绍了jquery – Div对事件透明前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在网格中有四个div正方形,第五个正方形覆盖它们,位于中心:

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

HTML:

<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:

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都有不同的弹出窗口,当光标在信息上时,也应该显示弹出窗口,但是当它在旅馆上方时.

解决方法

想到的唯一事情是比较鼠标的位置和块的位置.这是 fiddle.

猜你在找的jQuery相关文章