首页 > 其他 > 详细

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

时间:2018-06-27 13:21:04      阅读:168      评论:0      收藏:0      [点我收藏+]

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!