本身写过的几个项目中都用到了兼容ie8，如今有时间就整理下也有利于加深本身的印象，具体以下css文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
一、补全<!DOCTYPE html>html文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
二、设置元标签html5文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />jquery文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
三、less转csscss3文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
四、jquery版本ajax文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
jquery2.0及以上都不兼容ie8，能够换成1.10.2及如下版本less文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
五、引入文件布局文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
引入html5shiv.js，兼容h5新特性post文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
引入css3-mediaqueries.js 兼容媒体查询ui文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
六、iframe高度文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
ie8不支持iframe的高为百分比的写法，要么设置line-height，要么直接以下文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
iframe {文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
width: 100%;文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
height:100%;文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
display:block;文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
position:absolute;文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
}文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
七、Flex 布局 虽然好用可是坑就坑在IE10以上才能用，因此直接换掉吧文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
八、CSS3 CSS3的新属性和新选择器ie8是不支持的（特别是经常使用的nth-child(n) last-child），同样直接换掉。 注意first-child是css2的内容文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
九、CSS hack文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
像修改少许的样式时我会用css值添加后缀文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
像修改批量的样式我会直接头部引入Hack文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
十、原生js查找元素文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
parent.getElementsByTagName("tag"); 不兼容ie8文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
document.getElementsByName("name");不兼容ie8文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
十一、透明度文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
opacity: 0;ie8不兼容
filter: alpha(opacity=0); ie8兼容文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
十二、渐变 ie8也是不支持的最好不用，或者让ui设计图吧文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
十三、ajax传参到controller文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
ie8中是不能经过get方法传递中文参数到controller的 要么改成post 要么转码文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
十四、max-width（min-width）文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
ie8中要想使用max-width须要对直接父元素设定具体宽度才能够文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
文章源自周顺峰个人空间-http://ishangsf.com/2022/06/87/
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
评论