使用Modernizr检测支持CSS3

Posted stono

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Modernizr检测支持CSS3相关的知识,希望对你有一定的参考价值。

使用Modernizr检测支持CSS3

如果支持某个属性,会增加一个class,名字就是该属性;

不支持,名字是no-某属性

还提供了一个全局Modernizr对象,使用如下:

<script src="js/b/js/jquery-1.11.1.js"></script>
<script src="js/modernizr.custom.72745.js"></script>
<script type="text/javascript">
$(function() {
    if(Modernizr.canvas){
        console.log("Modernizr.canvas");
    }
    if(Modernizr.localstorage){
        console.log("Modernizr.localstorage");
    }
});
</script>

 

以上是关于使用Modernizr检测支持CSS3的主要内容,如果未能解决你的问题,请参考以下文章

css知识体系你知多少?(前端技术)

css知识体系你知多少?(前端技术)

Modernizr.js:为HTML5和CSS3而生!

Modernizr.js:为HTML5和CSS3而生!

Modernizr.js:为HTML5和CSS3而生!

使用 Javascript(并且没有modernizr)检测 CSS 转换?