2013-04-23 6 views
22

Zu Beginn weiß ich nicht einmal, was das ist. Ich versuchte text-decoration: none, border: none, outline: 0, und nichts scheint zu funktionieren? Meine CSS-Datei funktioniert gut, also ist es das nicht?Entfernen der blauen Umrandung/Umrandung vom Bildanker IE

Hier ist ein Bild: 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; 
} 
+0

Können wir Ihren HTML-Code einsehen? BTW versuchen, 'img {border: 0}' zu Ihrem CSS hinzuzufügen – Ejaz

+0

Ja, das hat funktioniert! Ich danke dir sehr! – Sidetik

+0

Mögliches Duplikat von [Wie Bildrand in IE ausschalten] (http://stackoverflow.com/questions/2958688/how-switch-off-image-border-in-ie-) –

Antwort

26

Versuchen Sie folgendes zu Ihrem CSS

img{ border:0 } 
3

Sie die CSS hinzufügen müssen, um das Bild, nicht auf den Link. Anstelle von #link müssen Sie #link img als Selektor verwenden.

Dann sollte border:none; für Sie arbeiten.

14

IE fügt einen Rahmen um Bilder hinzu, wenn sie das Kind eines Ankers sind. Sie können diese entfernen, indem die Grenze zu keiner Einstellung:

a img { 
     border: none; 
} 
3
#link img a 
{ 
border:0; 
outline:none; 
} 
6
a{ 
    outline: none !important; 
} 

für mich gearbeitet.

+0

Dies ist die bessere Antwort meiner Meinung nach, da es mit allen Anker-Tags (nicht nur Bilder mit Ankern um sie herum) arbeiten wird. – Jabari

+0

Nein. Manche Leute wollen nicht, dass sich alles flächendeckend nähert. Einige Seiten haben Links und Bildlinks. Wie kontrollierst du das nur auf den Bildlinks? – Fandango68