http://i.stack.imgur.com/D3plE.png クライアントのナビゲーション バーにロブスター フォントを使用しています (これは恐ろしいことです)。文字ですが、文字全体を表示すると、リンクに幅が設定されていないため、ボックスなどの後ろに隠されているわけではありません...画像を添付しました。上部の画像は通常のリンクです一番下はホバーです。基本的には、下の画像のように、文字のすべての部分が必要です。
通常の不透明度は 0.4 で、テキストの影があり、ホバー状態の不透明度は 0.7 です。
.links a {
color:white!important;
text-shadow: 1px 2px 0px black;
opacity:0.7;
}
.links a:hover {
opacity:1;
}
<h2 class="center links"><a href="#">Contact</a></h2>
js fiddle here with lobster is used http://jsfiddle.net/JSbdh/ ただし、問題はないようで、さらに奇妙になります