Javascript 当一个元素被另一个元素覆盖时，有没有办法获得mouseover事件？

不计算元素的位置，然后触发自己的“事件”

.超过{
显示：内联块；
位置：绝对位置；
高度：100px；
宽度：100px；
背景：rgba（0,255,0,3）；
}
{
显示：内联块；
位置：绝对位置；
高度：26px；
宽度：26px；
顶部：37像素；
左：37像素；
背景：rgba（0,0,255,1）；
}

我认为这是不可能的，您可以在css中添加z索引：

.under {
    z-index:1;
 }

然后修改您的JS：

under.on("mouseover", function() { 
                            blue.html("Y"); 
                            green.html("Y"); 
 });

已编辑 错误的链接

---

以下是

除非我没有抓住您示例的要点，否则您只需将z-index属性添加到CSS中即可：

.over 
{
    display:inline-block;
    position:absolute;
    height:100px;
    width:100px;
    background: rgba(0, 255, 0, .3);
    z-index:1;
}

.under 
{
    display:inline-block;
    position:absolute;
    height:26px;
    width:26px;
    top:37px;
    left:37px;
    background:rgba(0, 0, 255, 1);
    z-index:2;
}

---

添加

指针事件：无到您的
上方
div:

.over {
    display:inline-block;
    position:absolute;
    height:100px;
    width:100px;
    background: rgba(0, 255, 0, .3);
    pointer-events:none;
 }

演示：
我想不会，但我可以问你为什么要使用它吗？为了清楚起见，你希望绿色在蓝色上方悬停时也是Y吗？A对于原始案例。虽然FF中的结果似乎闪烁不定，但所有其他浏览器都可以正常工作……我添加了另一个提琴，更好地解释了这个问题。我想知道当我拖动蓝色时，鼠标什么时候在绿色上方。@Yusaf Khaliq我只是按照OP想要的，这是最简单的方法！但没有ie10或opera@user1873073不支持IE指针事件：。您可以尝试另一种方法：我添加了一个更具体的示例。上面的一个人给出了这个链接，这看起来是一个相当不错的答案，我最终自己计算了坐标。谢谢你，这对这个人没有帮助，但我需要一个完全一样的答案。非常有用。
.over {
    display:inline-block;
    position:absolute;
    height:100px;
    width:100px;
    background: rgba(0, 255, 0, .3);
    pointer-events:none;
 }