判断兼容性
http://modernizr.cn/是一个 JavaScript 库,
用于检测用户浏览器支持的 HTML5 与 CSS3 特性。
在html中:
<head>
<script src="./modernizr.custom.js"></script>
</head>
网页的html中会看到:
modernizr为html标签添加了一个class属性,属性值为当前浏览器支持的功能
IE Tester兼容性测试工具
安装DebugBar插件,新建IE8,查看:
IE8兼容性问题
jQuery2.x不兼容IE8,最低支持IE9;
jQuery1.x兼容IE8;
所以直接引用:
<script src="./jquery-1.10.1.js"></script>
或者
<script type="text/javascript" src="./jquery-3.1.1.min.js"></script>
<!--[if IE 8]>
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script>
<![endif]-->
切换到IE8时,低版本的jQuery就会覆盖高版本的jQuery
在js中:
if($("html").hasClass('no-csstransforms')){
$('.tooltip-box').fadeTo(10,0);
}
实现淡入淡出的效果。