【发布时间】：2014-05-08 05:02:21
【问题描述】：
为了使用 CSS3 使用 box-shadow 属性结合边框半径：50% （制作圆圈）进行绘制，我想检测浏览器是否支持边框半径的这个百分比值。 例如，Safari 5.1+ 仅支持。
有没有办法检测到这一点，或者我必须检查浏览器名称及其版本。第二种解决方案的缺点当然是我必须知道并列出所有存在问题的浏览器和版本。
谢谢！
【问题讨论】：
标签： css cross-browser
【发布时间】：2014-05-08 05:02:21
【问题描述】：
您可以使用Modernizr JS library 来检测此功能；它将检测对 CSS3 border-radius 的支持（以及许多其他内容）并在支持它的浏览器中添加一个类 .borderradius（显然，已激活 JS）
如果不想加载这个资源，可以看GitHub上的源码。
编辑：更好的是，你可以custom build Modernizr to only test for this property 它会给你一个 2kB 的未压缩脚本。 通过选中自定义代码下方的不要缩小源代码，如果您愿意的话，您将可以阅读更小的代码。
【讨论】：
-
我已经在使用 Modernizr，但我想做的是使用百分比值检查对边框半径属性的支持。即使不支持百分比值，Modernizr 也会设置边界半径类。