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