4

画像付きのすべてのアンカーの境界線リンクを削除または表示しないようにするにはどうすればよいですか? ちなみにブラウザの設定は互換モードになっています。他の質問からの回答は、私の問題を解決するのに十分ではありません。IEの下位バージョンにのみ適用されるためだと思います。

編集：

現在、クライアントが必要とするカスタム共有ボタンを作成しています。

<div>
    <a onClick="window.open('https://twitter.com/intent/tweet?original_referer=#shareLink#&text=#shareTitle#&tw_p=tweetbutton&url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/Twitter_Tweet.png" />
    </a>
</div>
<div>
    <a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=#shareTitle#&amp;p[summary]=#shareDesc#&amp;p[url]=#shareLink#&amp;p[images][0]=images/Telos.jpg','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/FaceBook_Share.png">
    </a>
</div>

<div>
    <a onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=#shareLink#&title=#shareTitle#&summary=#shareDesc#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/LinkedIn_Share.png">
    </a>
</div>      

<div>
    <a onClick="window.open('https://plus.google.com/share?url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/Google_PlusOne.png">
    </a>
</div>

CSS :

a {
    outline : none;
    text-decoration: none;
}
a img {
    outline : none;
}
img {
    border : 0;
    border-style: none;
}
div {
    float: left;
    padding-right: 10px;
}

IE10 での表示は次のとおりです。

ここに画像の説明を入力

4

3 に答える 3

0

私は通常、これを CSS の通常のデフォルト設定の一部として使用します。

img {border: none;}

これは他のブラウザに悪影響を与えることはなく、一般的な css ファイルの先頭近くに配置すると、後で簡単にオーバーライドできます。

img {border: none;}
img.some-class {border: 1px double blue}

IE が好んで行っているように、具体性が高まると画像に醜い境界線が追加されます。

于 2013-10-28T10:24:57.987 に答える