cross browser rounded corners...

MuGeN · 3 Aug 2010 at 15:35

so... whats the best method for rounded corners these days? one thats works across the board yada yada yada...

roll on CSS3

MuGeN · 3 Aug 2010 at 22:16

Could anyone recommend a tried and tested jquery plugin then? There are a few to pick from so if anyone has any experience?

Needs to work with borders too... The -webkit radius method is perfect if only it worked across the board (not really css3 tho is it, far too strange a syntax)

MuGeN · 4 Aug 2010 at 11:13

I completely agree with Jester, fact is even if 5% of your customers are using IE6, the do you want to lose 5% revenue for the sake of the extra (painful as they may be) hours to make the site compatible.

I wish we could kill it off completely but alas, we can't and won't be able to any time soon for serious corporate sites.

MuGeN · 5 Aug 2010 at 14:24

thedazman67 said:
I use this jQuery plugin for all my rounded corner needs

http://jquery.malsup.com/corner/

had a go with this one, in IE tho due to the method of rounding (div strips) there is no AA...

the search continues, I'm thinking the only proper way to do this is images

GOD DAMN I HATE IE!!!!!!!!!!!

MuGeN · 6 Aug 2010 at 11:07

Tripnologist said:
The one I posted before has AA, works fine and is about the best you'll get without just doing it as images.
They have an error on their demo but there is nothing wrong with the script itself so should work fine once you put it in.

so it does... happy as larry

Don't suppose anyone knows a similar technique that would make IE observe the opacity: x.x; css instruction?

EDIT: let me rephrase that, I need it to work even with pngs which already have transparency, the filter: Alpha(Opacity=80); way of doing things leaves nasty black jaggies round the edge...

MuGeN · 12 Aug 2010 at 16:02

right, been using curvycorners for a few days now and unfortunately it interferes with other parts of the layout, which is a massive shame (stops background changes on curved buttons when hovering, elements have problems with absolute positioning within rounded parent elements)

I think theres just not a solid-as-a-rock solution to this apart from creating shed loads of curvy images

well, thanks for the help anyway folks, I will continue to hate IE for what it does to our industry and go back to oldskool methods...