如何使用特征检测来了解浏览器是否支持边界半径？（包括IE9）答案

【问题标题】：How to use feature detection to know if browser supports border-radius? (Including IE9)如何使用特征检测来了解浏览器是否支持边界半径？（包括IE9）
【发布时间】：2011-07-13 17:36:17
【问题描述】：

我已经看到很多使用以下方法检测对边界半径的支持的示例：

var cssAttributeNames = ['BorderRadius', 'MozBorderRadius', 'WebkitBorderRadius', 'OBorderRadius', 'KhtmlBorderRadius']; 
for (var i = 0; i < cssAttributeNames.length; i++) {
    var attributeName = cssAttributeNames[i];
    if (window.document.body.style[attributeName] !== undefined) {
        this._useCss = true;
        break;
    }
}

但这似乎不适用于支持边界半径的 IE9。我错过了什么吗？

【问题讨论】：

标签： javascript internet-explorer-9 css feature-detection

【解决方案1】：

知道了 - 检测数组需要添加“borderRadius” - 它区分大小写。

【讨论】：

【解决方案2】：

Modernizr 是一个用于检测 HTML5 功能（包括border-radius）的 Javascript 库，因此，如果您正在寻找现成的解决方案，请查看。

【讨论】：

以前没见过这个。真是太棒了。