Div跟随光标:移动

时间:2015-05-14 12:37:02

标签: jquery css mousemove

我试图用光标实现div,我用它做了一个简单的例子

$(document).on('mousemove', function(event) {
    $('#pursuer').css({
      top: event.clientY + 10 + 'px',
      left: event.clientX + 10 + 'px',
    });
  });

完整example is here

但是有一个错误 - 当我移动光标时,我的div的边缘变暗。 首先,我认为问题在于颜色和透明度:

background-color: rgba(220, 165, 167, .4);

但更改为十六进制

background-color: #f0dadb;

没有帮助

有没有办法避免这种不良影响?

UPD:我在Windows 8.1上使用Chrome 42.0.2 / FF 37.0.2 / Opera 29。每一个都转载。 但最奇怪的是,我真的无法在OSX上重现它(在上面的任何浏览器中)。更多 - 我无法在Windows中屏蔽问题,因为屏幕截图显示一切正常,但实际上并非

UPD 2:正如我在评论中指出的那样 - 我在浏览器中没有任何额外的插件和扩展。此外,我只能在3台Windows PC中的2台上重现此问题(全部使用Windows 8.1)...试图找出差异。不确定,但看起来像OS中的问题。

UPD 3:据我所知,我做了以下事项:

1)删除背景,添加文字,添加边框(半径和无半径) - 问题没有出现

2)删除背景,添加额外的div填充物:

<div id='pursuer'>
  <div id='filler'></div>
</div>

带样式

#filler {
  position: relative;

  background-color: #f0dadb;
  border-radius: 35px;
  width: 100%;
  height: 100%;
}

然后又出现了问题。因此,背景中的原因

UPD 4:不仅是背景色 - 如果我把图像作为背景,那么我可以看到同样的问题

0 个答案:

没有答案