coin arrondi ne fonctionne pas sur IE

Question

J'ai utilisé coin arrondi et gradient. ça marche bien sur firefox mais coin arrondi ne fonctionne pas sur IE. IE coin arrondi ne fonctionne que lorsque je supprime css gradient. Aidez-moi, s'il vous plaît.

<h2 id="user_comments">9. User Comments and Notes</h2>  
     h2 { 
     -webkit-border-radius: 8px; 
     -moz-border-radius:8px; 
     background:-moz-linear-gradient(center top , #A0ABBF, #DEDEDE, #A0ABBF) repeat scroll 0 0 #A0ABBF; 
     filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#DEDEDE', EndColorStr='#A0ABBF'); /* IE6,IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEDEDE', EndColorStr='#A0ABBF')"; /* IE8 */ 
     border:2px solid #A0ABBF; 
     font-size:16px; 
     letter-spacing:1px; 
     margin-top:36px; 
     padding:0 1em; 
     position:relative; 
     } 

Firefox: IE:

Answer 1

IE7 et IE8 ne supportent pas border-radius.

IE9 will.

Il ya des hacks JavaScript, la plupart impliquent un tas d'éléments 1px absolument positionnés ou utilisent SVG.

Vous pouvez également des images. Je voudrais juste le laisser tel quel, et considérer> IE8 et d'autres navigateurs obtiennent le amélioration progressive.