coins arrondis ne fonctionne pas dans IE, CSS/DIV

Question

Mon css ne fonctionne pas avec Iexplorer, quelqu'un peut me expliquer pourquoi cela ne fonctionne pas?

Le code HTML

<div class="myBox"> Content <div> 

Le CSS:

.myBox { 
    margin: 0.0in auto; 
    color: #FFF; 

    width: 450px; 
    height:450px; 
    padding: 12px; 
    text-align: left; 
    background-color: #444141; 
    border: 0px solid #4e4b4b; 

    /* Do rounding (native in Firefox and Safari) */ 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
} 

.myBox h2 { 
    color:#f57f20 

} 

Answer 1

Parce que IE ne supporte pas la coutume Mozilla ou les propriétés de WebKit.

Une option aurait pu être en utilisant les propriétés d'angle rondes indépendantes navigateur CSS3, mais il est encore largement mis en œuvre dans les principaux navigateurs. Donc, pour l'instant, vous devrez vous en tenir aux images si vous voulez une compatibilité cross-navigateur ou une fonction avec JavaScript désactivé.

Answer 2

IE ne supporte pas CSS3 coins arrondis, je vous suggère d'utiliser une solution de repli des images PNG.

Answer 3

Il suffit d'utiliser la propriété CSS3 border-radius. Bien sûr, il ne fonctionnera probablement pas avant IE9, qui remonte à la vieille question ...

Do web sites need to look exactly the same in every browser?

Answer 4

Vous devez utiliser le fichier htc aux coins de la courbe dans IE6 +. Dans IE9, les déclarations CSS3 fonctionneront. Comment utiliser le fichier htc pour arrondir les coins, vous pouvez trouver ici http://starikovs.com/2010/08/24/css3-rounded-corners/.