动画菜单和Cufon字体大小

Question

我试图实现this tutorial，它运行良好。不过，我正尝试在我的菜单中使用Cufon字体。我使用的字体太小，所以我需要增加字体大小。

但是在这种情况下，当鼠标位于两个菜单之间时，动画正在激活，因为原始字体需要更多空间。 （30px Arial比30px中的字体大得多）

如何限制悬停区域仅限于“标签图像”所在的区域？

Answer 1

不知道我是否正确理解您的问题（例如很好），但请尝试将line-height: __px;属性设置为所需的可点击空间量。

或者使包含文本的元素为display: inline-block;，以便您可以设置height: __px;并确保字体不会通过强制overflow: hidden;将其吹掉。