web-dev-qa-db-ja.com

画像のアンカーから青いアウトライン/境界線を削除IE

まず、これが何であるかさえ知りません。私は試した text-decoration: none、border: none、outline: 0、そして何も動作していないようですか？私のCSSファイルは大丈夫ですので、そうではありませんか？

これが写真です： http://i38.tinypic.com/rbgv3k.jpg

<div id="links">
  <span id="user"><a id="link" href="register.php"><img src="images/user.png"/></a></span>
  <span id="follow"><a id="link" href="https://Twitter.com/itsybitsycom"><img src="images/follow.png"/></a></span>
  <span id="about"><a id="link" href="about.html"><img src="images/about.png"/></a></span>
  <span id="stats"><a id="link" href="profile.php"><img src="images/stats.png"/></a></span>
</div>

CSS

#link {
  text-decoration:none;
  border:0;
  outline:none;
}
htmlinternet-exploreroutline
25
Sidetik

あなたのCSSに以下を追加してみてください

img{ border:0 }
32
Ejaz

IEは、画像がアンカーの子である場合、画像の周囲に境界線を追加します。これを削除するには、境界線をnoneに設定します。

a img {
      border: none;
}
14
David Storey
a{
    outline: none !important;
 }

私のために働いた。

7
Richard Guy

リンクではなく画像にCSSを追加する必要があります。 #linkの代わりに、#link imgをセレクターとして使用する必要があります。

その後、border:none;が機能するはずです。

#link img {
    border: none;
}
3
Spudley
#link img a
 {
 border:0;
 outline:none;
 }
3
user2645981

このCSSでそれを行うことができるはずです：

border-style: none;
1
tymeJV