Comments on: Corners, gradients and shadows with jQuery

By: Bruce

Bruce — Tue, 02 Feb 2010 20:18:23 +0000

@Aleksey: CSS3 was considered in Part 1. All (major and recent) browsers—except the one that most people use. It's not really pure CSS3 if it depends upon a server-side non-standard JavaScript .htc file...

By: Aleksey

Aleksey — Tue, 02 Feb 2010 20:01:39 +0000

Please look at the link below for rounded corners, it works for all the browsers:
http://code.google.com/p/curved-corner/

By: Bruce

Bruce — Fri, 16 Jan 2009 07:34:48 +0000

@Bill: You're right; I just took a look in FF 3.1b2 for Mac and the banner corners are sharp. However, it's not just images that aren't rounded. Take a look at the 'Welcome' box here and you'll notice cornering is not rendered even with a non-image background colour; the drop shadow is also missing. A new version of jQuery is available and I haven't checked to see if the plug-ins have been updated since I did this experiment; that might be a good place to start. If the issue persists it might make a worthwhile bug report for the folks at Mozilla.

By: Bill Ortell

Bill Ortell — Thu, 15 Jan 2009 22:56:49 +0000

Uh... hmm... i LOVE jquery and images and saw that it worked on ie6/7 and i was in my ffox3 and the top rect. pattern image doesn't get masked properly... in each of the 5 on the 'live' page that you have, i see the entire 4 cornered bandit at top on each example... did I miss something or might i have a setting incorrect in ffox3? anyone else seen that?

btw - GREAT article on using all those 3 plugins/jquery features together

but would really like to see it work in ffox3. :)

By: Bethrezen

Bethrezen — Sun, 04 Jan 2009 08:39:32 +0000

@Bruce: Thanks for this article. It helped a lot.

By: Bruce

Bruce — Thu, 13 Nov 2008 06:41:09 +0000

@Kyle: I've not revisited this since the "experiment". As you will have seen in the cases I was able to combine rounded corners with a background image gradient only. If you do determine that someone else has had success in doing this using JavaScript alone, please let me know.

By: Kyle

Kyle — Wed, 12 Nov 2008 18:07:07 +0000

I'm having some trouble trying to combine effects, which I noticed you mentioned as well. Particularly the rounded corners plugin with the gradient plugin. depending on which one comes first in the script determines which one is displayed -- are there any known solutions? Thanks

By: Bruce

Bruce — Sat, 24 May 2008 11:58:20 +0000

I'm not familiar with "interface.js" Kevin: is that another jQuery extension? I'm no expert but my guess would be that there is a conflict between the two extensions, if they each work alone but not together.

By: Kevin

Kevin — Sat, 24 May 2008 11:48:11 +0000

I am already using jQuery along with interface.js.. however when i add corner script, then interface.js is not working.. any clue ?

By: icerabbit

icerabbit — Sat, 29 Mar 2008 02:17:37 +0000

Whaddayaknow?

I'm looking into a little tab solution. Experience a little problem with jquery. Turn back to google. Boom. There's Bioneural in the top search results, talking about jquery !

Btw. The issue is a non-transparent top left tab corner. I must be one of the first people trying tabs on a non white page ;) Even after applying transparency to the standard png tab's corners. Must be something bleeding through, but can't figure it out. So I bypassed it.

Not sure this is relevant to the entry though. But, will put the check mark anyway ;)