检查对css属性属性的支持

Question

我想测试浏览器是否支持特定的css属性属性。对于CSS属性，我可以这样做

document.createElement("detect").style["-webkit-overflow-scrolling"] === "" 

但是，如果我必须检查特定的类或属性，该怎么办。例如，我想测试支持

position:fixed 

我该怎么做（除了使用Modernizr）？请帮助。

Answer 1

function isFixedSupported() { 
    var isSupported = null; 
    if (document.createElement) { 
     var el = document.createElement("div"); 
     if (el && el.style) { 
      el.style.position = "fixed"; 
      el.style.top = "10px"; 
      var root = document.body; 
      if (root && root.appendChild && root.removeChild) { 
       root.appendChild(el); 
       isSupported = el.offsetTop === 10; 
       root.removeChild(el); 
      } 
     } 
    } 
    return isSupported; 
} 

var canUseFixed = isFixedSupported(); //true:false 

FIDDLE