动画菜单和Cufon字体大小

Question

我正在尝试实施this tutorial，而且效果很好。但是，我正在尝试在菜单中使用Cufon字体。我使用的字体太小，所以我需要增加字体大小。

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

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

Answer 1

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

或者将包含文字的元素设为display: inline-block;，这样您就可以设置height: __px;并确保字体不会强制overflow: hidden;。