本文为工具方法，提供简单但常用的js方法函数。
以下为侦测是否支持某个CSS属性

CSS 的规格发展太快，新的模块层出不穷。不同浏览器的不同版本，对 CSS 模块的支持情况都不一样。有时候，需要知道当前浏览器是否支持某个模块，这就叫做“CSS模块的侦测”。

方法代码

function isPropertySupported(property) {if (property in document.body.style) return true;var prefixes = ['Moz', 'Webkit', 'O', 'ms', 'Khtml'];var prefProperty = property.charAt(0).toUpperCase() + property.substr(1);for(var i = 0; i < prefixes.length; i++){if((prefixes[i] + prefProperty) in document.body.style) return true;}return false;
}

使用方法

var isSuppted = isPropertySupported('background-clip');
if(isSuppted){console.log('属性支持');
} else{console.log('属性不支持');
}

使用时直接传入属性名称即可。

注意：
不管 CSS 属性名的写法带不带连词线，style属性上都能反映出该属性是否存在。

CSS侦测方法（侦测是否支持某个CSS属性）相关推荐

PHP自动压缩CSS文件方法,php 压缩多个CSS文件的实现代码
/* * 压缩css文件 * by www.jbxue.com /* header('Content-type: text/css'); ob_start("compress"); ...
CSS 居中方法集锦
CSS 居中方法集锦记录收集纯CSS层面实现的水平.垂直居中方法可用于块级.行内快.内联元素以及文字图片等. 水平或垂直居中 1.1 text-align 1.2 margin 1.3 line- ...
如何修改zblog的css,修改Zblog中的CSS的方法
在初学CSS的时候应该都有用过Zblog的主题吧,那么你知道如何修改Zblog中的CSS吗?如果想了解的朋友们就跟爱站小编一起去了解下修改Zblog中的CSS的方法. 在学习应用css之前我们要先了解 ...
HTML中引入CSS的方法
HTML中引入CSS的方法在HTML中引入CSS的方法主要有四种,它们分别是行内式.内嵌式.链接式和导入式. 1.行内式行内式是在标记的style属性中设定CSS样式.这种方式 ...
html不同显示器布局全乱了,不同显示器分辨率，调用不同的css文件方法[经验总结]...
根据分辨率不同,调用不同的css文件方法不同浏览器调用不同CSS文件将以下JS代码放入和标签内,此段JS代码作用是辨别浏览器分辨率解释: var IE1024=""; var ...
HTML使用CSS的方法详解
HTML使用CSS的方法详解在尝试学习 CSS 之前,您应该了解 HTML 的基础知识,或者同时学习 HTML 和 CSS. html是超文本编辑语言,是用来定义页面结构的,html有很多图文或者视 ...
判断浏览器是否支持某个css属性
方法:直接判断浏览器是否支持某个CSS属性才是王道,document.documentElement.style 如:判断是否支持 transform if( 'MozTransform' in do ...
UI设计师必知：link和@import引用css文件方法的区别
<link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法: 1 使用<link>元素链接到 ...
css hack方法,CSS Hack的基本原理和实现方式
本文向大家简单介绍一下CSS Hack的基本原理和实现方式,有人说CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题,CSS hac ...
火狐谷歌chrome等浏览器支持一些css滤镜
问题: filter:alpha(opacity=60)只在IE起作用,火狐.谷歌不支持解决方法: 将原有的"filter:alpha(opacity=60)&qu ...

CSS侦测方法（侦测是否支持某个CSS属性）

方法代码

使用方法

CSS侦测方法（侦测是否支持某个CSS属性）相关推荐

最新文章

热门文章