css - 圆 Angular 在 IE 上不起作用

Question

我使用了圆 Angular 和渐变。它在 Firefox 上运行良好，但圆 Angular 在 IE 上不起作用。仅当我删除渐变 CSS 时，IE 圆 Angular 才起作用。请帮我。

    <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;
        }

火狐: IE:

Answer 1

IE7和IE8不支持border-radius。

IE9 will .

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

您还可以使用图像。

我会保持原样，并考虑> IE8 和其他浏览器正在获得渐进增强。