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

前端之家收集整理的这篇文章主要介绍了正斜杠/在CSS边框半径语法中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

.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属性,无论你写的是什么语法.如果你想在IE8上使border-radius工作,可以使用像CSS3 Pie这样的polyfill.

您可以在CanIUse上查看跨浏览器的边界半径支持.

猜你在找的CSS相关文章