浏览器检测是否支持某个 CSS 属性

// 下面函数判断浏览器是否支持某个 css 属性

function isPropertySupported(property) {
  if (property in document.body.style) return true;
  var prefixes = ['Moz', 'Webkit', 'O', 'ms', 'Khtml'];
  var prefProperty = property.charAt(0).toUpperCase() + property.substr(1);

  for(var i = 0; i < prefixes.length; i++){
    if((prefixes[i] + prefProperty) in document.body.style) return true;
  }

  return false;
}

isPropertySupported('background-clip')     // true

参考链接

你可能感兴趣的:(浏览器检测是否支持某个 CSS 属性)