I have a simple jquery plugin that provides an implementation for border radius for ie and just uses native rendering for firefox/ webkit.
no luck with opera, but personally I don't care that much about that since it's so low penetration. Let me know if your interested in it. On 10 Mar, 17:42, WildStrawberry <[email protected]> wrote: > Have you tried DD_roundies > fromhttp://www.dillerdesign.com/experiment/DD_roundies/? > It helps in IE, but Opera is still the problem. > > Grzegorz G. (www.wild-strawberry.eu) > > On 26 Lut, 00:05, Daniel Friesen <[email protected]> wrote: > > > It might be a personal taste, but I prefer (for future compatibility): > > > border-radius: 20px; > > -moz-border-radius: 20px; > > -webkit-border-radius: 20px; > > > border-radius is actually a w3 draft already. > > > But yes, redefining what you said a little, only Gekko and WebKit > > support borderRadius, Presto and Trident don't. > > SoIEand Opera won't support it. But Firefox, Safari, Chrome, and the > > long list of Gekko and WebKit based browsers as well as things like AIR > > will. > > > When it comes to roundedcornersyou have options including nativecorners, > > images, or a collection of divs. > > I suggest comparing your options and deciding on what option fits your > > case best. > > > Native radius: > > Pro: Most flexible > > Pro: Cleaner to implement > > Pro: Most easy to use > > Con: Doesn't work inIEor Opera (however it does degrade since all you > > lose are roundedcorners) > > > Images: > > Pro: Works in all browsers (though you may have to deal with > > transparency issues in IE6 depending on your image) > > Pro: You still get the style of curve you want > > Pro: You can do something fancy beyond a normal curve (though, that's > > getting off track from the purpose here) > > Con: Least flexibility in dynamic stuff (you're using static images so > > you lose the ability to change colors and anything else right from css) > > > Injected elements: > > Pro: Works in all browsers > > Pro: A little more flexible than images > > Con: Clutters your DOM with unnecessary nodes (this can sometimes > > conflict with your style rules; potential for things getting slower if > > you use it to often?) > > Con: No anti-aliasing or any type of effect, so your curves can look > > fairly ugly sometimes. > > > Personally most of the time I usecornersin a situation where it's just > > an extra fancy part of the style, but not essential. So I use native > > radius and let the people on other browsers suffer with squarecorners. > > > ~Daniel Friesen (Dantman, Nadir-Seen-Fire) > > > Sam Dutton wrote: > > > Sounds like you're not looking for a CSS solution, but the example > > > below works in Safari and Firefox (at least) though not, of course, inIE. > > > > Sam > > > > ................................................ > > > > <html> > > > <head> > > > <title>Roundedcorners</title> > > > <style type="text/css"> > > > div.roundedCorners { > > > background: gray; > > > border: 20px solid #FFCC00; > > > border-radius: 100px; > > > height: 100px; > > > margin: 100px auto 0 auto; > > > -moz-border-radius: 100px; > > > -webkit-border-radius: 20px; > > > width: 200px; > > > } > > > </style> > > > </head> > > > <body> > > > <div class="roundedCorners"></div> > > > </body> > > > </html> > > > > On Wed, Feb 25, 2009 at 6:57 PM, weepy <[email protected]> wrote: > > > >> Try this : > > > >>http://labs.parkerfox.co.uk/cornerz/ > > > >> On 25 Feb, 04:57, vikram <[email protected]> wrote: > > > >>> hi > > > >>> I am new to JQuery, i am trying to get a rounded corner for div, i had > > >>> used the canvas rounded corner, but i find some issues with it. > > > >>> Is there any other js file which can give a rounded corner and also > > >>> which take the stylesi.e.background, border color, radius, etc > > > >>> for example: > > > >>> $("#testDiv").corners( radius: 5, border-color: red, background-color: > > >>> blue, border size: 1 ) > > > >>> Appreciate ur help in advance. > > > >>> Regards > > >>> Vikram. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
