如何使用百分比值浏览器支持检测border-radius?

时间:2014-05-07 20:01:52

标签: css3 cross-browser

为了使用box-shadow属性结合border-radius:50%(制作圆圈)来绘制CSS3,我想检测浏览器是否支持border-radius的这个百分比值。 例如,Safari 5.1+仅支持它。

有没有办法检测到这一点,或者我是否必须检查浏览器名称及其版本。第二种解决方案的缺点当然是我必须知道并列出所有带来问题的浏览器和版本。

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用Modernizr JS library来检测此功能;它会检测CSS3 border-radius(以及许多其他内容)的支持,并在支持它的浏览器中添加一个类.borderradius(显然已激活JS)

如果您不想加载此资源,可以查看GitHub上的源代码。

编辑:更好的是,你可以custom build Modernizr to only test for this property并且它会给你一个2kB的无压缩脚本。 通过检查自定义代码下方的不要缩小来源,如果您的意图是这样,那么您可以使用更小的代码来阅读。