返回列表 回复 发帖

在javascript中支持css的@supports的写法

在javascript中支持css的@supports的写法是“window.CSS.supports”。CSS.supports规范提供了两种写法。第一种方法包括了两个参数,一个是属性,另一个是属性值:
  1. var supportsFlex = CSS.supports("display", "flex");   
复制代码
第二种写法简单的提供整个字符串的写法:
  1. var supportsFlexAndAppearance = CSS.supports("(display: flex) and (-webkit-appearance: caret)");  
复制代码
在使用javascript的supports,最重要的是先检测他的特性,Opera浏览器使用不同的名称方法:
  1. var supportsCSS = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false);
复制代码
返回列表