IE8兼容大全

时间 2019-11-09

标签 ie8 兼容大全栏目浏览器繁體版

原文原文链接

本身写过的几个项目中都用到了兼容ie8，如今有时间就整理下也有利于加深本身的印象，具体以下css

　　一、补全<!DOCTYPE html>html

　　二、设置元标签html5

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

　　三、less转csscss3

　　四、jquery版本ajax

　　　　　　jquery2.0及以上都不兼容ie8，能够换成1.10.2及如下版本less

　　五、引入文件布局

　　　　　　引入html5shiv.js，兼容h5新特性post

　　　　　　引入css3-mediaqueries.js 兼容媒体查询ui

　　六、iframe高度

　　　　　　ie8不支持iframe的高为百分比的写法，要么设置line-height，要么直接以下

　　　　iframe {

　　　　　　width: 100%;

　　　　　　height:100%;

　　　　　　display:block;

　　　　　　position:absolute;

　　　　}

　　七、Flex 布局 虽然好用可是坑就坑在IE10以上才能用，因此直接换掉吧

　　八、CSS3 CSS3的新属性和新选择器ie8是不支持的（特别是经常使用的nth-child(n) last-child），同样直接换掉。注意first-child是css2的内容

　　九、CSS hack

　　　　　　像修改少许的样式时我会用css值添加后缀

　　　　　　像修改批量的样式我会直接头部引入Hack

　　十、原生js查找元素

　　　　　　parent.getElementsByTagName("tag"); 不兼容ie8

　　　　　　document.getElementsByName("name");不兼容ie8

　　十一、透明度

　　　　　　opacity: 0;ie8不兼容
　　　　　　filter: alpha(opacity=0); ie8兼容

　　十二、渐变 ie8也是不支持的最好不用，或者让ui设计图吧

　　1三、ajax传参到controller

　　　　　　ie8中是不能经过get方法传递中文参数到controller的要么改成post 要么转码

　　1四、max-width（min-width）

　　　　　　ie8中要想使用max-width须要对直接父元素设定具体宽度才能够

以上就是我所遇到的，要是有其余的能够补充。