CSS 속성 속성에 대한 지원 확인

Question

브라우저에서 특정 CSS 속성 속성이 지원되는지 테스트하고 싶습니다. CSS 속성에 대해 내가 할 수있는 것처럼

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

하지만 특정 클래스 또는 속성을 확인해야하는 경우 어떻게해야합니까? 예를 들어,

position:fixed 

에 대한 지원을 테스트하고 싶습니다. (Modernizr을 제외하고) 어떻게 할 수 있습니까? Pls 도움.

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