如何使用功能检测知道浏览器是否支持border-radius？ （含IE9） [英] How to use feature detection to know if browser supports border-radius? (Including IE9)

问题描述

我已经看到很多使用类似的方法来检测边界半径支持的例子：

  var cssAttributeNames = ['BorderRadius '，'MozBorderRadius'，'WebkitBorderRadius'，'OBorderRadius'，'KhtmlBorderRadius']; 
 for（var i = 0; i  var attributeName = cssAttributeNames [i]; 
 if（window.document.body.style [attributeName]！== undefined）{
 this._useCss = true; 
 break; 
} 
} 
  

但这似乎并不适用于IE9，它支持border-radius。

解决方案

- 检测数组需要'borderRadius' - 它是区分大小写的。 >

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?

解决方案

Got it - the detection array needs 'borderRadius' added - it's case-sensitive.

这篇关于如何使用功能检测知道浏览器是否支持border-radius？ （含IE9）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！