CSS光标指针闪烁一次然后返回默认状态

Question

CSS光标指针闪烁一次然后返回默认状态

css

24

我在使用Google Chrome和Safari浏览器时遇到了奇怪的问题。

当我将鼠标悬停在已在css中设置cursor: pointer的链接和元素上时，光标会迅速地从默认光标变为指针形状，然后又切换回来。

我尝试在其他网站上重现这个问题，但没有成功。因此，我会在这里放置网址：http://stage.lagenheter24.se

为什么会出现这种情况？我应该如何解决呢？我已经尝试设置以下内容，但没有任何效果：

a { cursor: pointer !important; }

- Jimmie Johansson

我在你的页面上没有看到任何问题。我的光标一直是指针！ - Mohammadreza Yektamaram

1

哪个 HTML 元素出现了问题？ - Adam Milecki

我的端上一切都正常运作。 - David Palmiter

Google Chrome 最新版本在 Windows 10 上 :-) - Mohammadreza Yektamaram

我还没有测试Safari，但在Chrome v45中，所有链接似乎都可以正常工作。 - Adam Milecki

显示剩余3条评论

4个回答

54

这听起来像是一个荒谬的答案，但我在 Mac OSX（任何浏览器）上遇到过类似的问题。我注意到问题不在我的代码上，而是在其他网页上，比如这个，简单的系统重启解决了这个问题。

- Carlo S

4

来晚了，但可以证实。我也遇到过同样的问题，一直在寻找z-index问题或无效的CSS，结果发现问题出在我的苹果电脑上。重新启动后问题得到解决。 - CGriffin

4

太有趣了...我花了很多时间调整CSS/HTML来修复这个问题-这一点不好笑。这是正确的答案 :'( - Meekohi

8

如下所述，只需关闭 Photoshop，无需重新启动电脑。这对我来说已足够修复问题。 - TinMonkey

14

Photoshop. 这是 Photoshop。 - RyanMac

4

我之前也没意识到Adobe会涉及光标劫持这种事情，太傻了。 - Andrew West

显示剩余7条评论

2

也许当您将鼠标悬停在元素上时，其位置会非常微妙地改变，导致它在悬停和非悬停状态之间快速切换，然后CSS的cursor也会切换。尝试给它一个relative或absolute的位置 :)

- Zico Deng

在我的情况下，使用CSS .hover-img {opacity: .75; ...} .hover-img:hover {opacity: 1; ...}给<img class="hover-img" ...>设置透明度，鼠标悬停时图片一开始变成不透明状态，但之后鼠标仍然悬停在图像上时会返回到半透明状态。当鼠标移动（仍然悬停）时，它会快速闪烁。将其设置为position: relative可以解决这个问题。 - s3c

1

当鼠标悬停在具有“float”属性的元素上时，我在Mozilla和Internet Explorer中遇到了这个问题。因此，我的解决方案是从float:right\left转移到使用position:absolute（或fixed），并为这些元素添加位置。希望解决方案能帮到您 :)

- Iegor Bielikov

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BlueIceDJ · Accepted Answer

我不认为你需要重新启动计算机来解决这个问题。实际上，问题是当Photoshop与你的Web浏览器同时打开时会出现。由于某种原因，这会导致问题。我想象这可能与Adobe和Apple之间的不兼容有关。如果关闭Photoshop，则该问题应该得到解决。重新启动计算机只是似乎有效，因为你在这样做之前可能已经关闭了程序。