2

テキストを表示していますが、その下に青い線が表示されています

http://jsfiddle.net/mungbeans/CmVsJ/

この質問と同じ

テキストが青い下線付きで表示されていますが、それはどこから来ているのですか?

それに対する答えと他の人への答えは、html4では無効ですが、html5では有効であると言います。その場合、フィドルでこの問題が発生するのはなぜですか? 解決策は？

ありがとう

4

5 に答える 5

4

それはあなたから来ています<a>-すべてがそれに包まれているからです。それを削除するには、単に適用します：

a {
    text-decoration: none
}

デモ

于 2012-09-06T21:03:22.313 に答える
4

これがあなたのコードです

<ul>
  <a href="http://whatever">
    <li id = "header_list">
      <div id = "main_title">title</div>
      <img id = "logo" src="logo.png"/>
    </li>
  </a>
</ul>

div id="main_title" はアンカー タグ内にあり、リンクであることを意味します。デフォルトでは、リンク スタイルには青い下線が付いています。css スタイルを追加して、青い下線を削除できます。

#main_title {text-decoration: none; color: #000;}

また、直接の子である必要があるため、ul の直後に li タグを配置する必要があります。 

<ul>
  <li id = "header_list">
    <a href="http://whatever">
      <div id = "main_title">title</div>
      <img id = "logo" src="logo.png"/>
    </a>
  </li>
</ul>
于 2012-09-06T21:04:16.517 に答える
2

これは<a>、デフォルトで下線付きでレンダリングされるタグ内にあります。text-decoration: noneリンクを設定してデフォルトの動作を変更すると、機能するはずです。`

于 2012-09-06T21:04:42.460 に答える
2

リンクのスタイルを変更するだけです (すべてのテキストは<a>タグ内にあります)。

a{text-decoration:none;}
于 2012-09-06T21:04:32.787 に答える
1

アンカータグaには、デフォルトでのtext-decoration定義がありunderlineます。text-decoration: none;これは、CSS定義に属性を追加するだけで修正できます。

また、マークアップが完全に正しいわけではないことも指摘しておく必要があります。アンカーはlist-item内にある必要があり、インラインliブロック要素内にブロック要素を含めることは一般的にお勧めできません。diva

これが私が何を意味するかを示すためにあなたのjsfiddleの更新されたバージョンです：http：//jsfiddle.net/CmVsJ/2/

于 2012-09-06T21:09:52.083 に答える