我悬停

时间:2016-02-25 14:45:34

标签: css hyperlink hover highlight effect

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

现在我有一点问题,因为高亮矩形不是很高,并且不能很好地覆盖文本。我发现它不具有视觉吸引力。我添加了一行"身高:18px;"但现在文本正在继续悬停。

我可以在代码中添加任何内容以保持文本稳定吗?

这是我的网站:

http://tinyurl.com/gwhbzf8

我删除了"身高:18px;"从悬停CSS代码,所以现在它是正常的,但你会看到突出显示非常薄,并没有涵盖所有文本。我正在谈论左侧的侧栏。

非常感谢你的帮助!

来自CSS菜鸟

2 个答案:

答案 0 :(得分:0)

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

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

使用此功能或在链接中添加填充以获得所需效果。

答案 1 :(得分:0)

问题似乎是你的行高80%:

.sidebar ul {list-style-type:none;保证金:0;填充:0px;行高:80%!重要; }