ie8的整理搜集

原创 曦雨幽兰 随笔 ie8 277阅读 2017-06-28 15:17:20 举报

css兼容性性
1、.main{
color:red;/所有浏览器支持/
color:red !important;/firefox、ie7支持/
_color:red;/ie6支持/
color:red;/ie6 ie7支持/
+color:red;/ ie7支持/
color:red\9;/ ie6 ie7 ie8支持/
color:red\0;/ ie8支持/
}
2、li的边距无故增加
原因:由ul的padding引起,padding的上下值对li有影响,左右无
解决办法:把ul的显示形式为*display:inline-block;

3、h5标签的兼容 html5shiv.js

html5shiv.js帮助兼容h5语义标签,必须在head中引用

4、CSS3媒体查询兼容方案:Respond.js
5、CSS3字体单位“rem”兼容方案:rem.js
6、CSS3“background-size”属性的“cover”和“contain”属性值兼容方案:background-size polyfill
.selector {
background-size: cover;
/ 以下相对路径是相对于文档,而非css文件! /
/ 使用绝对路径可以避免混淆 /
-ms-behavior: url(/backgroundsize.min.htc);
}
7、SVG图形兼容方案:优雅降级
一是用js修改<img>的src属性;
二是用HTML的hack实现优雅降级,
<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>

<img src="image.svg" onerror="this.src='image.png'">

1、兼容ie8 getElementsByClassName
javascript 代码

2、placeholder的兼容性
2.1JPlaceholder.js
javascript 代码

2.2javascript 代码

JS数组的forEach方法兼容方案:自行声明
javascript 代码

未完待续........

评论 ( 1 )
最新评论