圆角不能在IE上工作

Question

我使用圆角和渐变。它在Firefox上运行良好，但圆角不能在IE上工作。当我删除渐变css时，IE圆角只能工作。请帮我。

    <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和IE8不支持border-radius。

IE9 will

有JavaScript破解，大多数涉及绝对定位的1px元素堆或使用SVG。

你也可以拍照。

我只是保持原样，并考虑＆gt; IE8和其他浏览器正在获得渐进增强。