IE8兼容问题记录

ishangsf 2022年6月15日20:53:34JavaScript评论字数 888阅读模式

本身写过的几个项目中都用到了兼容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/

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
ishangsf
  • 本文由 发表于 2022年6月15日20:53:34
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定