アニメーションメニューとCufonフォントサイズ

Question

this tutorialを実装しようとしていて、うまく機能します。しかし、私はメニューにCufonフォントを使用しようとしています。私が使っているフォントが小さすぎるので、フォントサイズを大きくする必要があります。

しかし、この場合、元のフォントにはより多くのスペースが必要なため、マウスが2つのメニューの間にあるときにアニメーションがアクティブになります。 （30px Arialは30pxで私のフォントよりもはるかに大きいです。）

"ラベルイメージ"がある領域にのみホバー領域を制限するにはどうすればよいですか？

Answer 1

あなたの問題を正しく理解しているかどうかわかりませんが（例はうまくいくかもしれませんが）、line-height: __px;プロパティを正確にクリック可能なスペースの量に設定しようとします。

テキストを含む要素をdisplay: inline-block;に設定して、height: __px;を設定し、強制的にフォントを吹き飛ばさないようにします。overflow: hidden;