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

Question

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

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。我错过了什么吗？

Answer 1

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

Answer 2

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