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

Question

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

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

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

Answer 1

来自W3C:

如果在斜杠之前和之后给出值,则斜杠前面的值设置水平半径,斜杠后面的值设置垂直半径.如果没有斜杠,则值将两个半径均等地设置.

至于支持,IE8不支持border-radius属性,无论你写的是什么语法.如果你想在IE8上工作,有像CSS3 Pie这样的border-radiuspolyfill.

您可以查看CanIUse以获取border-radius跨浏览器的支持.