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

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

相关文章
相关标签/搜索