動畫菜單和Cufon字體大小

Question

我試圖實現this tutorial，它運行良好。不過，我正嘗試在我的菜單中使用Cufon字體。我使用的字體太小，所以我需要增加字體大小。

但是在這種情況下，當鼠標位於兩個菜單之間時，動畫正在激活，因爲原始字體需要更多空間。 （30px Arial比30px中的字體大得多）

如何限制懸停區域僅限於「標籤圖像」所在的區域？

Answer 1

不知道我是否正確理解您的問題（例如很好），但請嘗試將line-height: __px;屬性設置爲所需的可點擊空間量。

或者使包含文本的元素爲display: inline-block;，以便您可以設置height: __px;並確保字體不會通過強制overflow: hidden;將其吹掉。