web-dev-qa-db-fra.com

Suppression du contour / de la bordure bleue de l'ancre d'image IE

Pour commencer, je ne sais même pas ce que c'est. J'ai essayé text-decoration: none, border: none, outline: 0, et rien ne semble fonctionner? Mon fichier CSS fonctionne bien, donc ce n'est pas ça?

Voici une image: 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

essayez d'ajouter le suivant à votre CSS

img{ border:0 }
32
Ejaz

IE ajoute une bordure autour des images si elles sont l’enfant d’une ancre. Vous pouvez supprimer cela en définissant la bordure sur aucune:

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

A travaillé pour moi.

7
Richard Guy

Vous devez ajouter le CSS à l'image, pas au lien. Au lieu de #link, vous devez utiliser #link img comme sélecteur.

Alors border:none; devrait fonctionner pour vous.

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

Vous devriez pouvoir le faire avec ce CSS:

border-style: none;
1
tymeJV