ブラウザが特定のCSSプロパティをサポートしているかどうかを確認する方法

Question

ブラウザのサポートに基づいてイメージにフィルタを表示しようとしています。

ブラウザがjavascriptを使用してフィルタや--webkit-filterなどの特定のCSSプロパティをサポートしているかどうかを確認するにはどうすればよいですか？

あなたはtrueまたはfalse

var doSupport = CSS.supports('some CSS property', 'value'); 

を返す。しかし、キャッチがあるCSS.supportsを見ても、私は次の関数を使用していますが、そのは

isCSSStyleSupported: function(prop, value) { 
      // If no value is supplied, use "inherit" 
      value = arguments.length === 2 ? value : 'inherit'; 
      // Try the native standard method first 
      if ('CSS' in window && 'supports' in window.CSS) { 
       return window.CSS.supports(prop, value); 
      } 
      // Check Opera's native method 
      if('supportsCSS' in window){ 
       return window.supportsCSS(prop, value); 
      } 
      // Convert to camel-case for DOM interactions 
      var camel = prop.replace(/-([a-z]|[0-9])/ig, function(all, letter) { 
       return (letter + '').toUpperCase(); 
      }); 
      // Check if the property is supported 
      var support = (camel in el.style); 
      // Create test element 
      var el = document.createElement('div'); 
      // Assign the property and value to invoke 
      // the CSS interpreter 
      el.style.cssText = prop + ':' + value; 
      // Ensure both the property and value are 
      // supported and return 
      return support && (el.style[camel] !== ''); 
     }, 

Answer 1

を働いていません。 IEは

はまたあなたも、プラグインを来るmodernizrを探索することができ、この機能をサポートしていません

[チェックブラウザのCSSプロパティのサポート]（の