3

HTMLファイルでフッターを開発しています（簡略化、以下に含まれています）。私には2つのリンクがあり、左側の画像は次のように呼ばれています。

  • フッター1
  • フッター2

Firefox 13では、ハイパーリンクの青い線は、必要に応じて、これら2つの画像/リンクの周囲に表示されません。IE 8では、青い線はcssを含めているにもかかわらず、消えることを断固として拒否します（以下のファイルを参照）。

 #footer1 a{text-decoration:none;}

左の2つの画像/リンクのリンクの青いリンクを削除し、他のリンクのテキスト装飾を維持したいと思います。

助けてくれてありがとう。

スティーブ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Text Decoration Will Not Disappear In Two Left Images In IE 8</title>
    <style type ="text/css">
    #footer
    {
        background-image:url('../images/bg-texture.gif');
        padding: 20px;
        height: 50px;
        font-size:8pt;
    }
    #footer ul, li 
    {
        display: inline;
        float:left;
        list-style-type: none;
        vertical-align:top;
        text-align:left;
    }


    #footer1 {margin-right:10%;margin-left:5%;}
    #footer1 a{text-decoration:none;}
    #footer2{margin-right:10%;}
    #footer3{margin-right:10%;}
    #footer4{margin-right:10%;}
    #footer5{margin-right:10%;}

    </style>
</head>

    <body>

            <!-- The Footer -->
            <ul id="footer">
                <li id="footer1"><a href="http://slashdot.org"> <img alt="" src="files/doc.gif"/></a></li>
                <li id="footer2"><a href="http://google.com"><img alt="" src="files/noaa.gif"/></a></li>
                <li id="footer4"><a href="http://slashdot.org/">Right Link 1</a></li>
                <li id="footer5"><a href="http://google.com">Right Link 2</a></li>
            </ul>

</body>
</html>
4

3 に答える 3

12

画像から境界線を削除するには、次のことを行う必要があります

a img { border: 0 }

それはあなたのテキストリンクに影響を与えません

于 2012-06-18T14:41:22.153 に答える
2

リンクである画像の周りの青い部分は境界線です。したがって、これを設定すると、問題がないはずです。

a img
{
border:0;
}
于 2012-06-18T14:42:35.990 に答える
0

次のセレクター：

div * p

DIV要素の孫またはそれ以降の子孫であるP要素に一致します。「*」の両側の空白はユニバーサルセレクターの一部ではないことに注意してください。空白は、DIVが何らかの要素の祖先である必要があり、その要素がPの祖先である必要があることを示すコンビネータです。

したがって、

試す

#footer1 * a{text-decoration:none;}
于 2012-06-18T14:44:40.253 に答える