2012-03-01 17 views
1

IE8でcufonを使用して本当に奇妙なバグが発生しました。私は、ナビゲーションリンクのフォントをcufonに置き換えようとしています。これはFF、Chrome、IE8のほとんどの時間で正常に動作します。しかし、これほど頻繁にリンクの文字にのみリンクを適用するようです。例えば手紙を直接クリックすると正しくリンクされますが、単語の2文字の間をクリックするとリンクが表示されません。
これは私が私のナビゲーションを構造化しました方法です:IE8でcufonを使用してリンクが機能しない

<ul> 
    <li class="top_nav"><a href="link1" >link1</a></li> 
    <li class="top_nav"><a href="link2" >link2</a></li> 
    <li class="top_nav"> 
     <a href="link3">link 3</a> 
     <ul> 
      <li><a href="sublink1" >sublink1</a></li> 
      <li><a href="sublink2" >sublink2</a></li> 
     </ul> 
    </li> 
</ul> 

とこれを可能にした場合、私は

Cufon.replace('.top_nav a'); 
+0

IEは、要素に背景を与えることを期待しています(したがって、透明ではありません...)。あなたは、あなたが見ているのと同じ背景色またはイメージを持つCSSルールを追加できますか? – m90

答えて

1

cufonの適用方法で、ブロック要素にあなたのリンクを回す(CSS =>ディスプレイ:ブロック) 。私はCufonの使用を制限し、見出しや重要なリンクにのみ適用します。これは私が最後に取り組んだウェブサイトのケースであり、すべてのCufonテキストはブロック要素でした。ところで、私は今日もCufonを使用しません。私はhttp://www.fontsquirrel.com/とフォント - 顔のソリューションを好む。

+0

私はいつも、Cufonを使用するサイトでテキストをハイライト/選択するのがいかに難しいか嫌いでした。 –

+0

は最後にフォントフェイスに向かいました。リンクありがとう – clem

関連する問題