当我悬停时链接正在移动

Question

我是这种 CSS 编码的新手，但每天都在学习一点……现在我设法在链接上添加了高亮悬停效果。

现在我有一个小问题，因为高亮矩形不是很高，不能很好地覆盖文本。我觉得它在视觉上不吸引人。我添加了行“高度：18px；”但现在文本正在悬停。

我可以在代码中添加什么来保持文本稳定吗？

这是我的网站：

http://tinyurl.com/gwhbzf8

我删除了“高度：18px;”从悬停 CSS 代码，所以现在它是正常的，但你会看到高亮非常薄，并没有覆盖所有的文本。我说的是左侧的侧边栏。

非常感谢您的帮助！

来自 CSS 菜鸟

Answer 1

此效果是由以下链接的行高引起的：

.sidebar ul {
    ...
    line-height: 80% !important;
}

玩弄这个或向链接添加填充以达到所需的效果。

Answer 2

问题似乎是您的 80% 的行高：

.sidebar ul { 列表样式类型：无；边距：0；填充：0px； line-height: 80% !important; }