Clever Geek Handbook

HTML / CSS Best Way to Round Corners

Possible duplicate:
What is the best way to create rounded corners using CSS?

What is the best way to make rounded corners in div containers! I need a solution that works in every browser. What I have tried is this

  • jquery corner plugin (doesn't work in Chrome)
  • CSS tags (don't work in IE)

Is the only working solution (per browser) using images?

thank

+2


source to share


4 answers


If you need it to work all over the place and also takes JavaScript to be disabled, then your only option is to use background images.



+3


source


I always thought this solution works in IE .. (not tested, no windows)

http://blog.benogle.com/2009/04/29/css-round-corners/



EDIT: Yes - it at least works in IE 7.0

0


source


What angular plugin are you using? Javascript rounded corners definitely work in Chrome. If you have a problem with a specific plugin, ask for help specifically for that.

But in general I prefer using css for rounded corners. It looks great for supported browsers and degrades gracefully without any performance hit for IE (often looking just as good, look, facebook just removed the rounded corners: http://www.techcrunch.com/2009/08/26/facebook- tweaks-design-drops-rounded-corners / ).

However, if you need to have rounded corners, JS is the perfect solution. Give some examples of what's not working and we can try to help.

0


source


In my experience, Nifty Corners works like a charm. Crossbrowser compatible (Google says Chrome is also good at accommodating rounded corners).

http://www.html.it/articoli/niftycube/index.html

0


source






More articles:


All Articles