css - Chrome 中锚点上的指针状态偶尔失败

Question

关闭的决定：

我决定结束这个问题，因为它表示当前在最新版本的 Google Chrome 中无法观察到的行为，并且不再是需要缓解的问题。

问题：

很长一段时间以来，我一直注意到当鼠标悬停在 Chrome 中的锚元素上时，光标将保持在默认（箭头）状态，而不是切换到指针（手）状态。在 Safari 中查看网站时，我没有观察到这种行为，所以我不确定这是一个 webkit 问题。

问题：

这是什么原因造成的？有哪些解决方法？

证据：

我发现这种行为会发生......

页面加载后频率降低。
在页面仍在加载时更频繁。
更常见的是，如果不是唯一的，当a元素具有display属性声明时。
无论cursor: pointer声明的属性如何（尽管我可能是错的）。

在 Chrome 中查看时，请注意此示例中的鼠标行为：

本站主导航： http: //css-tricks.com/

怀疑： Chrome 有一个问题处理a元素，其display属性声明的值与 default 不同inline。我还怀疑使用与默认值不同的值position在元素上声明属性可能会导致问题。astatic

可能相关：

score 2 · Accepted Answer

当您的 chrome 开发工具打开时是否发生了这种情况？

如果是这样，也许您应该在开发工具的覆盖设置中禁用“模拟触摸事件”。

干杯

score 0 · Accepted Answer

我以前也遇到过这种情况，我意识到给元素放置一个位置可以解决它。例如：

header a.logo{
    position: absolute;
    float: left;
    height: 28px;
    width: 28px;
    margin-top: 15px;
    text-indent: -9999em;
    display: block;
}

希望这可以帮助。

css - Chrome 中锚点上的指针状态偶尔失败

关闭的决定：

问题：

问题：

证据：

2 回答 2

Related

Reference