IE8项目总结

 2018/05/29   Share

公司最近接了一个兼容 IE 的项目，之前没有做过兼容 IE 的项目感觉也就和之前的差不多，但是做起来之后才之后那是差一条街啊，首先总结一下在 IE 下什么都不好用了

meta设置

1	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Jquery

如果项目要用 Jquery 的话就必须是 2.0 一下版本的才好用，因为 IE8 以下只兼容 2.0 一下的版本

border-radius

在 IE 浏览器下 border-radius 圆角是不兼容的，解决办法，实际上是指的是一个名为 pie 的 htc 文件，即pie.htc，使用 CSS 的 behavior 行为，可以调用此文件，然后让 IE 也能实现一些常见的 CSS3 效果，如圆角(border-radius)，盒阴影 (box-shadow)，背景渐变 (gradient)，多图片背景 (multiple background images)，但是这个 htc 文件文件必须在你项目 html 同级目录下，如果不在同一级目录下，引用的话就会没有效果，下面是引用的样式

box {
 width: 14px;
 height: 14px;
 border-radius: 8px;
 background: #ffffff;
 border: 1px solid #fff;
 cursor: pointer;
 behavior:url(../WEBINF/pie.htc);   
}

下载地址: https://github.com/lojjic/PIE/downloads

音频视频

因为 html5 所有的标签不兼容 IE8 所以想要播放视频和音频的话也只能用插件了，所以为大家推荐了一个播放视频音频的插件，很好用，但是需要一些配置，也是挺麻烦的，但是比起其他插件的话，这个已经很好了，具体的用法，大家去看中文的文档吧

下载地址: http://www.jplayer.cn/developer-guide.html

CATALOG

1. meta设置
2. Jquery
3. border-radius
4. 音频视频

