Comments on: Rounded Corners in Internet Explorer Using JQuery

By: Rest of the Best: for November 2 2009 - Everything You Need - Basic Web Design

Rest of the Best: for November 2 2009 - Everything You Need - Basic Web Design — Sun, 11 Apr 2010 08:45:56 +0000

[...] Bloggers » (Specky Boy) 31 Creative Uses of Typography in Web Design » (Designm.ag) Rounded Corners in Internet Explorer » (Dave Woods) 55 Extremely Useful Online Generators for Designers » (Balkhis.com) Best [...]

By: Rest of the Best: for November 2 2009 « Basic Web Design

Rest of the Best: for November 2 2009 « Basic Web Design — Fri, 09 Apr 2010 22:41:22 +0000

By: Szalonna

Szalonna — Sat, 20 Feb 2010 18:50:58 +0000

Hi
I would add Opera support as:

var opera = $.brower.opera && $.brower.version >=9;
…
$.fn.uncorner = function() {
if (moz || webkit || opera) return;
this.css(moz ? ‘-moz-border-radius’ : ( webkit ? ‘-webkit-border-radius’ : ‘border-radius’, 0) , 0);
$(‘div.jquery-corner’, this).remove();
return this;
};

By: Dave Woods

Dave Woods — Thu, 11 Feb 2010 15:59:44 +0000

@sssss – Border radius isn’t supported by IE which is why you’ll need to use the jQuery method above if you want to create rounded corners in IE (without using images).

If you’d rather not use JavaScript then may I suggest the following method: http://www.dave-woods.co.uk/index.php/css-rounded-corners-revisited/

By: sssss

sssss — Thu, 11 Feb 2010 15:50:41 +0000

thx worked in IE but not support border radius plz advice

By: Dave Woods

Dave Woods — Wed, 10 Feb 2010 07:54:03 +0000

Hi Iain, Sorry about that, the zip file and link should now be working again.

By: Iain

Iain — Wed, 04 Nov 2009 13:21:00 +0000

The zip is empty when i download it…?

By: Jermayn

Jermayn — Tue, 03 Nov 2009 02:43:06 +0000

I am toying with the idea to use this for our current redesign of a site which already has the CS3 method.

By: Dave

Dave — Mon, 02 Nov 2009 13:03:16 +0000

Thanks for the info Chris… I agree it’s probably not the solution for every eventuality and that for opacity you may need further JavaScript or revert back to using graphics but for simple rounded corners it’s definitely worth considering.

By: Chris Coppenbarger

Chris Coppenbarger — Mon, 02 Nov 2009 12:15:21 +0000

Just a note that the corners script pulls the background color from the topmost parent div that has a background color.

See the front page of http://www.ciu.edu in IE for an example of how this solution still doesn’t always work in IE. It’s the gallery at the top.