我是这个CSS编码的新手,但每天都学习一点......现在我设法在一个链接上添加一个高亮悬停效果。
现在我有一点问题,因为高亮矩形不是很高,并且不能很好地覆盖文本。我发现它不具有视觉吸引力。我添加了一行"身高:18px;"但现在文本正在继续悬停。
我可以在代码中添加任何内容以保持文本稳定吗?
这是我的网站:
我删除了"身高:18px;"从悬停CSS代码,所以现在它是正常的,但你会看到突出显示非常薄,并没有涵盖所有文本。我正在谈论左侧的侧栏。
非常感谢你的帮助!
来自CSS菜鸟
答案 0 :(得分:0)
此效果是由以下链接的行高引起的:
.sidebar ul {
...
line-height: 80% !important;
}
使用此功能或在链接中添加填充以获得所需效果。
答案 1 :(得分:0)
问题似乎是你的行高80%:
.sidebar ul {list-style-type:none;保证金:0;填充:0px;行高:80%!重要; }