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須要對直接父元素設定具體寬度才能夠

以上就是我所遇到的，要是有其餘的能夠補充。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。