如何使用特性检测来判断浏览器是否支持border-radius？（包括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上不起作用，而IE9支持border-radius。我有什么遗漏的吗？

- mhildreth

Answer 1

明白了 - 检测数组需要添加'borderRadius'属性 - 它是区分大小写的。

- mhildreth

Answer 2

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

- wsanville

---

以前没见过这个。有点厉害。 - Chris Shouts