IE8部分兼容问题及解决方法

Posted 2020-11-20 fanyuying-web

　　前端作必须与网页打交道，浏览器的兼容是前端性处理是前端工作很重要的一部分，下面将工作中遇到的IE8的兼容问题做了以下的总结：

　　一、在设置样式的mouseover等操作，并增加新的className时，会出现其他DOM的active样式会增加到其他DOM上面

　　　　1、原因：active时的样式名称会有影响

　　　　2、解决方法：active的className不要使用相同名称

　　二、在IE8中，设置position：absolute时，一般不会起作用，会被下面的元素遮挡 

　　　　主要采取的解决方法是：该标签的最高级父元素设置position:relative,z-index:2;该元素设置position 为absolute即可，不能设置z-index，否则不起效，他的父元素必须是被A元素遮挡的同级元素
网址： [http://www.111cn.net/cssdiv/css/58061.htm]

　　三、ie8不认可string.trim()的方法

　　　　如果要兼容就写为：$.trim(string)即可

　　四、IE8图片默认有边框

　　　　如果图片有边框时，ie8去掉边框：img{border-style:none;}

　　五、ie8的字体：谷歌不显示12px以下的字体

　　　　默认都是12px，加一行{-webkit-text-size-adjust:none;}

　　六、在组装字符串时，如果有img的标签，ie会变成大写的IMG，在发送下消息到后台时，需要做替换处理，即string.replace(/IMG/g,"img")