在悬停时不断显示div闪烁

Question

当用户将鼠标悬停在？上时，我想显示一条跟随鼠标的信息卡。

我使用下面的代码实现了这一点，但是然后将鼠标悬停在图标上，当使用 Chrome 时，div会一直闪烁着闪光灯。

在IE中它工作正常，在Firefox中，div根本不会出现

为什么？

HTML

options.add_argument("window-size=1920,1080")

JQuery的

<span class="glyphicon glyphicon-info-sign"></span>
<div id="machinesInfo" class="infoCard">
    some cool text
</div>

CSS

$(document).on('mousemove', function(e){
    $('.infoCard').css({
        left:  e.pageX,
        top:   e.pageY
    });
});

Answer 1

调整我的JS

$(document).on('mousemove', function(e){
    $('.infoCard').css({
        left:  e.pageX + 20,
        top:   e.pageY + 20
    });
});

现在效果很好