HTML5 & CSS3(兼容性IE8)

判断兼容性

http://modernizr.cn/是一个 JavaScript 库,
用于检测用户浏览器支持的 HTML5 与 CSS3 特性。
在html中:


    

网页的html中会看到:
modernizr为html标签添加了一个class属性,属性值为当前浏览器支持的功能

IE Tester兼容性测试工具

安装DebugBar插件,新建IE8,查看:
HTML5 & CSS3(兼容性IE8)_第1张图片

IE8兼容性问题

jQuery2.x不兼容IE8,最低支持IE9;
jQuery1.x兼容IE8;
所以直接引用:


或者

 

切换到IE8时,低版本的jQuery就会覆盖高版本的jQuery
在js中:

     if($("html").hasClass('no-csstransforms')){
            $('.tooltip-box').fadeTo(10,0);
        }

实现淡入淡出的效果。

你可能感兴趣的:(基础)