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{}
后续将继续补充...
如果喜欢,不要吝啬你的爱心“❤”哦!