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

Question

最近我遇到了一个我不熟悉的border-radius语法：

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

有人能解释一下这个语法吗？它是否兼容IE8？

- Akshay Gundewar

Answer 1

来自W3C的说明：

如果在斜杠之前和之后给出值，则斜杠之前的值设置水平半径，斜杠之后的值设置垂直半径。如果没有斜杠，则两个半径都设置相等的值。

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

您可以在CanIUse上查看各个浏览器对border-radius的支持情况。

- Mr. Alien

Answer 2

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

- Adrian Kaluzinski