Home/ Questions/Q 7603917
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T23:46:26+00:00

On my new site border-radius doesnt seem to be working. I can see the

  • 0

On my new site border-radius doesnt seem to be working.

I can see the border curving, but the background doesn’t.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    border-radius should work.

    following works in IE 9

    http://jsfiddle.net/Ec86p/3/

    if supporting border-radius in IE7/IE8 is not a requirement then you should not include CSS3PIE as IE9 inclues support of border-radius css property.

    edit:

    i have updated your fiddle

    http://jsfiddle.net/Zr8vE/3/

    and changed following:

    #main-menu li.first{
border-left:1px solid #feb800;

border-top-left-radius: 5px 5px;
-moz-border-top-left-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;

border-bottom-left-radius: 5px 5px;
-moz-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-left-radius: 5px 5px;

padding-left:10px;
}

    edit : # 2

    as soon as i removed following from ( #main-menu li )

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9900', endColorstr='#ff7c00',GradientType=0 );

    it started working. ( I tried it in IE 9, orange background seems to be curving similar to border )

    http://jsfiddle.net/Zr8vE/15/

    • 0