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")

相關文章
相關標籤/搜索