前端做必须与网页打交道,浏览器的兼容是前端性处理是前端工做很重要的一部分,下面将工做中遇到的IE8的兼容问题作了如下的总结:css
1、在设置样式的mouseover等操做,并增长新的className时,会出现其余DOM的active样式会增长到其余DOM上面前端
一、缘由:active时的样式名称会有影响web
二、解决方法:active的className不要使用相同名称浏览器
2、在IE8中,设置position:absolute时,通常不会起做用,会被下面的元素遮挡 字体
主要采起的解决方法是:该标签的最高级父元素设置position:relative,z-index:2;该元素设置position 为absolute便可,不能设置z-index,不然不起效,他的父元素必须是被A元素遮挡的同级元素
网址: [http://www.111cn.net/cssdiv/css/58061.htm].net
3、ie8不承认string.trim()的方法htm
若是要兼容就写为:$.trim(string)便可seo
4、IE8图片默认有边框图片
若是图片有边框时,ie8去掉边框:img{border-style:none;}字符串
5、ie8的字体:谷歌不显示12px如下的字体
默认都是12px,加一行{-webkit-text-size-adjust:none;}
6、在组装字符串时,若是有img的标签,ie会变成大写的IMG,在发送下消息到后台时,须要作替换处理,即string.replace(/IMG/g,"img")