H5及CSS3兼容处理方案

1.加载兼容文件JS

IE8及以下不支持H5、CSS3 Media，所以加载html3shiv.min.js及response.min.js：

提示: response.js无法解析CSS @import命令。

2.添加meta标签

确保ie为最新版本，chrome=1是加载google的v8引起框架，让老IE使用google渲染页面，这个前提是你的电脑安装的有GCF插件，而且14年以后google已停止维护，但可以用，感兴趣的可以研究下，不难。

3.关于css3 老IE特有的方法

①透明度

filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);

②阴影

③你也可以引入css3.htc文件，完成老IE 的阴影、倒角、文字阴影。

section{

-moz-border-radius: 10px;  /* Firefox */

-webkit-border-radius:  10px; /* Safari 、Chrome */

border-radius: 10px;  /* Opera 10.5+*/

-moz-box-shadow: 10px 10px 10px #ddd;  /* Firefox */

-webkit-box-shadow: 10px 10px 10px #ddd;  /* Safari、Chrome */

box-shadow: 10px 10px 10px #ddd0;  /* Opera 10.5+*/

behavior: url(ie-css3.htc);  /*ie-css3.htc IE6/7/8 */

}

文件下载地址：http://files.cnblogs.com/aiyuchen/ie-css3.htc.zip（资料来自网络）

4.video标签问题

video的宽度可以直接用样式设置，不能让iframe镶嵌的视频调整大小，引入jq插件fitVids.js即可.

5.处理css3选择器在老IE上不支持的情况

引入selectivizr.js

6.注释法

html

css文件：

.ie6 .part1 {};

.ie7 .part1 {};

.ie8 .part1{};

.part1{}

后续将继续补充...

---

如果喜欢，不要吝啬你的爱心“❤”哦！