发表新帖
发表新帖

Support for “border-radius” in IE

后端 未结
关注
11 1168
心在旅途
心在旅途 2020-11-22 06:48

Does anyone know if/when Internet Explorer will support the \"border-radius\" CSS attribute?

相关标签:
11条回答
  • 醉梦人生
    2020-11-22 07:04

    The corner radius issue of IE gonna solve.

    http://kbala.com/ie-9-supports-corner-radius/

    0 讨论(0)
  • 轮回少年
    2020-11-22 07:09

    Yes! When IE9 is released in Jan 2011.

    Let's say you want an even 15px on all four sides:

    .myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

    IE9 will use the default border-radius, so just make sure you include that in all your styles calling a border radius. Then your site will be ready for IE9.

    -moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

    Furthermore: don't forget to declare your IE coding is ie9:

    <meta http-equiv="X-UA-Compatible" content="IE=9" />

    Some lazy developers have <meta http-equiv="X-UA-Compatible" content="IE=7" />. If that tag exists, border-radius will never work in IE.

    0 讨论(0)
  • 一个人的身影
    2020-11-22 07:09

    What about support for border radius AND background gradient. Yes IE9 is to support them both seperately but if you mix the two the gradient bleeds out of the rounded corner. Below is a link to a poor example but i have seen it in my own testing as well. Should of taken a screen shot :(

    Maybe the real question is when will IE support CSS standards without MS-FILTER proprietary hacks.

    http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

    0 讨论(0)
  • 栀梦
    2020-11-22 07:12

    SOLVED - not rendering border radius correctly in IE 10 and 11

    For those not getting the -ms-border-radius: or the border-radius: to work in IE 10,11 And it renders all square then follow these steps:

    1. Click on the gear wheel at the top right of the IE browser
    2. Click on Compatibility view settings
    3. Now uncheck the 2 boxes that are checked by default.

    Ensure that the boxes are unchecked as in pic

    0 讨论(0)
  • 有刺的猬
    2020-11-22 07:13

    Quick update to this question, IE9 will support border-radius according to: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx

    0 讨论(0)
  • 挽巷
    2020-11-22 07:17

    <!DOCTYPE html> without this tag border-radius doesn't works in IE9, no need of meta tags.

    0 讨论(0)
 看不清?
提交回复
热议问题