Javascript 检查对css属性的支持

Javascript 检查对css属性的支持,javascript,jquery,css,cross-browser,Javascript,Jquery,Css,Cross Browser,我想测试浏览器中是否支持特定的css属性。对于css属性,我可以像 document.createElement("detect").style["-webkit-overflow-scrolling"] === "" 但是,如果我必须检查某个特定的类或属性,该怎么办呢。例如,我想测试对的支持 position:fixed 我怎样才能做到这一点(除了使用Modernizer)?请帮忙 function isFixedSupported() { var isSupported = null

我想测试浏览器中是否支持特定的css属性。对于css属性,我可以像

document.createElement("detect").style["-webkit-overflow-scrolling"] === ""
但是,如果我必须检查某个特定的类或属性,该怎么办呢。例如,我想测试对的支持

position:fixed
我怎样才能做到这一点(除了使用Modernizer)?请帮忙

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


你至少可以链接到我已经使用了很长一段时间,但不记得我第一次在哪里得到它,但我认为它不在那里,可能是其他100个具有此功能的网站之一,比如在这里,所以经过一点搜索:。如果它起源于Kangax,我不知道,可能?还有另一个版本,谷歌搜索会给出1600万个类似功能的结果。不,在chrome中为我返回
?是的,我在身体里有任何东西之前就检查过了:|如果我在身体里放些东西并运行这个,效果很好。:)你至少可以链接到我已经使用了很长一段时间,不记得我第一次在哪里得到它,但我不认为它在那里,可能是其他100个具有此功能的网站之一,比如在这里,所以经过一点搜索:。如果它起源于Kangax,我不知道,可能?还有另一个版本,谷歌搜索会给出1600万个类似功能的结果。不,在chrome中为我返回
?是的,我在身体里有任何东西之前就检查过了:|如果我在身体里放些东西并运行这个,效果很好。:)