Как использовать обнаружение функций, чтобы узнать, поддерживает ли браузер радиус границы? (включая IE9)

Я видел множество примеров обнаружения поддержки радиуса границы, используя что-то вроде:

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 css feature-detection internet-explorer-9
person mhildreth    schedule 11.03.2011    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Понятно - в массив обнаружения нужно добавить 'borderRadius' - он чувствителен к регистру.

person mhildreth    schedule 11.03.2011

arrow_upward
2
arrow_downward

Modernizr – это библиотека Javascript, используемая для обнаружения функций HTML5 (включая border-radius), поэтому, если вы ищете готовый сделал решение, проверьте это.

person wsanville    schedule 11.03.2011
comment
Раньше такого не видел. Это круто. - person Chris Shouts; 11.03.2011