动画菜单和 Cufon 字体大小

Question

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

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

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

Answer 1

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

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