SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Getting border-radius into IE with JavaScript/jQuery?

    I've been searching for a way to get border-radius working in Internet Explorer by using JavaScript or a JavaScript library like jQuery. With so many browsers now supporting border-radius, it just seems silly to me that we use all this extra markup just for rounded corners in IE.

    Does anyone know of a jQuery plugin or something that will get rounded corners working in IE 7 and 8?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,702
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by XraySierra View Post
    I've been searching for a way to get border-radius working in Internet Explorer by using JavaScript or a JavaScript library like jQuery. With so many browsers now supporting border-radius, it just seems silly to me that we use all this extra markup just for rounded corners in IE.

    Does anyone know of a jQuery plugin or something that will get rounded corners working in IE 7 and 8?
    Not without lots of extra markup. You can look forward though to CSS support for border radius in IE9
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Guru whisher's Avatar
    Join Date
    May 2006
    Location
    Kakiland
    Posts
    732
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    try to have a look at
    http://jquery.malsup.com/corner/

    Bye.

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,702
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Is it acceptable to the OP for the plugin to add extra elements to the page on all web browsers, if that's the only reasonable way for IE to enjoy that which other web browsers take for granted?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by whisher View Post
    Hi,
    try to have a look at
    http://jquery.malsup.com/corner/

    Bye.
    My understanding of this plugin is that it only extends existing border-radius support. Am I reading this wrong?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,702
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by XraySierra View Post
    My understanding of this plugin is that it only extends existing border-radius support. Am I reading this wrong?
    I may be misunderstanding what you're looking from the original post, but if you're wanting JavaScript to allow Internet Explorer to understand CSS border-radius declarations, that is just not capable of happening.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    SitePoint Member
    Join Date
    Aug 2009
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try http://css3pie.com/ I used this recently covers: border radius, box shadow and a few other selectors and IE never looked better.

  8. #8
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    http://css3pie.com/ is probably the best implementation I've seen. Quick and light.

    Note--it does not work well on animated elements.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •