开发者

rounded corner not working on IE

I used rounded corner and gradient. it's working good on firefox but rounded corner not working on IE. IE rounded corner only working when I remove gradient css. Please help me.

    &开发者_JAVA百科lt;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:

rounded corner not working on IE

IE:

rounded corner not working on IE


IE7 and IE8 don't support border-radius.

IE9 will.

There are JavaScript hacks, most involve a heap of 1px elements absolutely positioned or use SVG.

You can also images.

I'd just leave it as is, and consider > IE8 and other browsers are getting the progressive enhancement.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜