0

这真的很奇怪,有点让人生气。我试图让链接改变颜色,很简单,对吧?不。由于某种原因,当我将鼠标悬停在“j”字符上时,Chrome 拒绝更改 2 个像素的颜色。我在 Safari 中尝试过,它有同样的问题;另一方面,Firefox 完美呈现它。

我已尝试更改字体,但问题仍然存在。在我测试的所有字体中,只有 Arial 没有问题。

不知道这是否重要,但文本包含在 ol>li>a 中

当我尝试在 chrome 开发人员工具中强制使用 :hover 截屏时,它工作得很好,所以我不得不从手机上拍照并使用鼠标悬停。

编辑:添加CodePen 演示 EDIT2:似乎没有被包裹在 ol>li 中与它有任何关系

4

1 回答 1

1

它是由亚像素渲染引起的。如果您添加opacity: 0.9999;li a,它将为您修复它。

更新

您也可以text-rendering: optimizeLegibility;像以前的解决方案那样不切断像素。

于 2013-07-24T22:54:19.733 回答