IE ziet de border-radius niet

[112remco112]

Hallo,

Ik ben bezig met een website te maken, alleen ik zie nu dat de border-radius van een image niet wordt toegepast en bij een andere wel. Als ik de border-width:0; eruit haal dan is dit gefixt, alleen die paarse rand bij IE wil ik graag weg hebben, kan iemand mij met dit probleem helpen?

 

[eeopd]

Altijd weer IE ...
Je kunt denk ik het beste een aparte stylesheet maken voor ie 8 of later (9 als je daarvan ook bepaalde dingen nodig hebt).
Volgens http://caniuse.com/border-radius border-radius vanaf 9 ondersteund. Als je kiest een aparte stylesheet doet kun je ervoor zorgen dat alleen ie of lager hem ziet met:

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

De andere stylesheet kun je dan met deze doen:

<!--[if gte IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-up.css" />
<![endif]-->

Meer van dit soort comments op http://css-tricks.com/how-to-create-an-ie-only-stylesheet/.
Als je wilt kun je er ook voor kiezen een script als Modernizr hiervoor gebruiken, maar dat moet je zelf weten.

 

[BobDeWebbouwer]

Een paarse rand? Is je image toevallig ook een link? Dan die even weghalen, of de link een class geven die je in je stylesheet "text-decoration: none;" meegeeft.

 

[RoboticPro]

Als je boven in je css bestand het volgende zet zou het verholpen moeten zijn:

a, img {
      border:none;
}

 

[billscot]

Hallo :thumb:

Bij de opmaak van je CSS kan je in
a img {
outline:none;
}
invoegen waarmee je het probleem met een paars-blauwe rand uitschakkeld.

Groetjes Billscot