CSS 边框半径语法中的正斜杠 /

Forward slash / in CSS border radius syntax

最近我遇到了以下我不知道的边界半径语法:

.myClass{
    border-radius: 30% / 20%;
}

谁能解释一下语法。 它是否与 IE8 兼容?

来自 W3C :

If values are given before and after the slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally.

就支持而言,IE8 不支持 border-radius 属性 无论您使用何种语法。如果您想制作,可以使用 CSS3 Pie 等 polyfill border-radius 在 IE8 上工作。

您可以在 CanIUse 上查看 border-radius 跨浏览器支持。

基于http://www.w3schools.com/cssref/css3_pr_border-radius.asp border-radius不兼容IE8,但兼容IE9。