html - CSS 背景图像在悬停在 anchor 标记上时重复

Question

我在 mac 上遇到了这个问题，最近我也遇到了一个更粗的字体问题，只有 mac 也有，但已经通过 CSS 修复了。

问题:我有 10 个绝对定位的 anchor 标签，悬停时(绿色背景图像)，在 PC 上没有任何重叠问题，但在几乎所有浏览器的 Mac 上，背景图像与下一个句子有一点重叠。

上面的 CSS(悬停):

.homeText a:hover {

    background-image: url('/cont-img/on-hover-span_background-partial-solid.jpg');
    color: White;
    cursor: pointer;
    background-position: center;
    background-repeat:repeat;
    margin-right:-5px;
    font-style: italic;
}

每个元素的 CSS 绝对定位在句子之间有足够的空间，所以这不是问题。此外，末尾的句点是 2 个不同图像的 Sprite ，悬停时为白色，悬停时为灰色。为此，我将一个 css 类附加到 anchor 标记末尾的 span 标记，该标记为 span 标记中的 Sprite 设置背景位置。

有什么想法吗？

Answer 1

确保你有 padding:0; margin:0;并确保 <a>句点后不包含空格或其他内容。另外，你为什么要使用背景图片？你不能只设置 background-color:green ？...您可能想尝试一下，看看它是否有任何不同。