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

  前端作必须与网页打交道,浏览器的兼容是前端性处理是前端工作很重要的一部分,下面将工作中遇到的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")

原文地址:https://www.cnblogs.com/fanyuying-web/p/9233253.html