javascript – 当元素被另一个元素掩盖时,有没有办法获得鼠标悬停事件?

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

original fiddle (can be fixed with z-index)

better fiddle (a situation where z-index can’t work)

<div class='under'></div>
<div class='over'></div>

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

.under {
  display:inline-block;
  position:absolute;
  height:26px;
  width:26px;
  top:37px;
  left:37px;
  background:rgba(0, 0, 255, 1);
}
最佳答案
除非我错过了您的示例,否则您只需在CSS中添加z-index属性:

.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;
}

转载注明原文:javascript – 当元素被另一个元素掩盖时,有没有办法获得鼠标悬停事件? - 代码日志