Question

我试图用光标实现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：不仅是背景色 - 如果我把图像作为背景，那么我可以看到同样的问题

Div跟随光标：移动

0 个答案: