Safari 6在设置边界半径的情况下悬停后边界延迟

Safari 6在设置边界半径的情况下悬停后边界延迟,safari,rendering,css,Safari,Rendering,Css,我在页面上有一个典型的链接。悬停时,链接将接收边框颜色和边框半径。在Safari 6中,我注意到当鼠标离开链接时,会留下非常微弱的边框颜色。如果再次将鼠标悬停在链接上,在某些情况下,即使未设置边框颜色,边框也会越来越暗。如果未设置边界半径,则不会发生问题 我不能在Firefox或Chrome for Mac中重复这个问题。我发现的最简单的修复方法是为基础锚样式指定实心或透明边框颜色。这可能只是一个Safari渲染错误吗 有关渲染问题的链接:尝试使边界半径值等于锚元素上的填充,看看这是否有帮助。我

我在页面上有一个典型的链接。悬停时,链接将接收边框颜色和边框半径。在Safari 6中,我注意到当鼠标离开链接时,会留下非常微弱的边框颜色。如果再次将鼠标悬停在链接上,在某些情况下,即使未设置边框颜色,边框也会越来越暗。如果未设置边界半径,则不会发生问题

我不能在Firefox或Chrome for Mac中重复这个问题。我发现的最简单的修复方法是为基础锚样式指定实心或透明边框颜色。这可能只是一个Safari渲染错误吗


有关渲染问题的链接:

尝试使边界半径值等于锚元素上的填充,看看这是否有帮助。我在Safari 6中也遇到了同样的问题,这似乎解决了这个问题

因此,您的CSS代码如下所示:

a {
  display: inline-block;
  padding: 15px;
  border-radius: 15px;
}

a:hover {
  background: #004184;
}

只是遇到了同样的问题,发现使用偶数值2,4,6,。。因为radius为我修复了它,就像这样:

a{
    color: white;
    padding-right: 9px;
    padding-left: 9px;
}
a:hover{
    background-color: green;
    border-radius: 4px;
}

不考虑不同的填充值。

背景剪辑解决方案确实为我解决了问题,请检查详细信息,您的属性可能需要重新排序。

无法复制此项。你的屏幕/眼睛肯定没有问题?我仔细检查了其他人的Safari 6,问题仍然存在。当你反复在上面盘旋时,边界确实会变得很暗。看起来是这样的:啊。所以不仅仅是我。注意到从上周开始。仍然没有找到解决办法。刚开始看起来不错,但当你一次又一次地翻滚时,它就像你的屏幕截图一样。忘了提到背景剪辑技巧并不能解决这个问题。