html - 悬停时 CSS 缩小

Question

我正在用 <ul> 制作菜单/<li>和 CSS。

这是我目前拥有的:https://jsfiddle.net/gANfS/6/

问题是，如果您将鼠标悬停在 5 像素边距内的顶部边缘，它会开始变得疯狂，并且会在悬停和非悬停状态之间来回移动，因为 block 的大小会增大和缩小。我怎样才能解决这个问题？当我缩小 li 时，我不想缩小悬停区域。那会解决它，但我不确定如何解决它。想法？

Answer 1

这是一项黑客工作......但它会工作

代替 magin-top:5px;

做 border-top:5px solid black;

如果您希望背景颜色不同，只需确保将边框颜色设置为相同颜色即可。