Hi, > > Not seen a plugin that does this yet. Would try it myself, but not > > sure how to do so (even after looking at existing implementations). > > http://www.designdetector.com/demos/css-gradients-demo-1.php > > The basic implementation of that page similar to the rounded corner plugin > I did. It's much worse from a performance standpoint though, because you > have to fill the entire element area with small slices (generally 1 pixel > wide/high). For corners you only have to overlay the top and bottom edges. > > In the IE case you can dispense with that entirely and use the builtin > gradient filter, which has got to be a lot faster: > http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/r >e ference/filters/gradient.asp
Maybe you could use a canvas in browsers that support it. If that is not available, a dynamically generated data-URL for the background-image can do the trick. Multiple slices are only needed as a fallback for even less capable Browsers. Most widely used current Browsers would all have at least one of the better solutions: - IE: gradient Filter - Firefox >= 1.5: Canvas - Safari: Canvas - Firefox < 1.5: data-URLs - Opera: data-URLs - Konqueror: data-URLs Christof _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
