針對IE8 IE9部分相容問題的處理

2021-09-24 06:54:03 字數 975 閱讀 4889

最近乙個專案需要相容到ie8,因此針對ie8、ie9的一部分相容問題總結如下:

1. ie8和ie9不支援placeholder屬性,解決辦法為:

$(function

() input.focus( function

() });

input.blur( function

() });

//輸入的字元不為灰色

input.keydown(function

());

};//當瀏覽器不支援placeholder屬性時,呼叫placeholder函式

if(!supportplaceholder)

});}});

複製**

2. ie8中,以下**密碼框眼睛切換password和text無效,即:

3.  ie9以下不支援input事件:

$(document).on( 'input', '.repassword-input', function() )是無效的

解決辦法為:

$('.repassword-input').bind/on('propertychange', function() )

其中,propertychange事件相當於input事件,被ie支援

另乙個有效的解決辦法是:

不進行相容處理,直接把監聽input事件換成監聽keyup或keydown事件,該事件沒有相容問題

4. ie8中,border

border:4px solid rgba(255, 255, 255, 0.5)

其中rgba不被ie8支援,換做border: 4px solid rgb(255, 255, 255),透明度0.5換做opacity: 0.5

5. ie中,相容max-length用max屬性

關於IE8 IE9 相容性問題

background屬性 在ie8 ie9中 不支援background的連寫,但是可以寫到 repeat屬性 background url no repeat 定位就要分開寫了 不支援background size屬性 網上主要說是兩種解決方法一種是使用.htc檔案一種是使用濾鏡。但是前者我不知道...

ie6 ie8不相容問題

一.設定float後,margin雙倍距離問題 1.加display inline解決 如 margin left 10px display inline 2.ie都能識別 標準瀏覽器 如ff 不能識別 ie6能識別 但不能識別 important,ie7能識別 也能識別 important ff不...

針對IE瀏覽器的相容問題小結

怎麼用一行 解決css各種ie各種相容問題 程式設計客棧t x ua compatible 是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與 content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet explorer 7 的標準模式。而...