Border-radius in IE.

Discussion in 'CSS' started by saadi123, Oct 16, 2010.

0
  1. #1
    I have used the following css code in order to provide rounded div corners through css.
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    The rounded corners are appearing in mozilla but IE is showing no response to this.
    What's the solution?
    How can I create rounded corners in IE through CSS?
     
    saadi123, Oct 16, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You can't. Border-radius is a standard, modern method and such things are not available in IE.
     
    drhowarddrfine, Oct 16, 2010 IP
  3. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Cash Nebula, Oct 17, 2010 IP
  4. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #4
    GWiz, Oct 17, 2010 IP
  5. CCD

    CCD Peon

    Messages:
    330
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #5
    .htc does work, but it's not great in my experience - it depends on the layout design whether it's appropriate to use or not. There are a number of Javascript solutions that will add rounding to IE only if called inside conditional comments.

    Depending whether you're using a Javascript library, which one, or not at all, will determine which script/plugin is your best option. eg jQuery corners
     
    CCD, Oct 21, 2010 IP
  6. kefutiwi

    kefutiwi Member

    Messages:
    118
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #6
    I used to make use of javacode that helped with IE, but the latest version of IE supports border radius, as in css 3.0
    My advice is to skip out IE for stuff like rounded corners
     
    kefutiwi, Oct 23, 2010 IP