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

Question

最近我遇到了以下未知的边界半径语法：

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

任何人都可以解释语法。 它与IE8兼容吗？

Answer 1

来自W3C：

  

如果在斜杠之前和之后给出值，则为之前的值   斜杠设置水平半径和斜杠设置后的值   垂直半径。如果没有斜杠，则值设置两者   半径一样。

就支持而言，IE8不支持border-radius属性，无论你写的是什么语法。如果你想border-radius，可以使用像CSS3 Pie这样的polyfill。在IE8上工作。

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

Answer 2

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