如何使用特征检测来了解浏览器是否支持border-radius？ （包括IE9）

Question

I've seen plenty of examples for detecting support for border radius using something like:

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;
    }
}

But this doesn't seem to work for IE9, which does support border-radius. Am I missing something?

Answer 1

得到它 - 检测数组需要添加'borderRadius' - 它区分大小写。

Answer 2

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