前端教程
當前位置: 主頁 > 資訊 > 前端教程
網站建設前台必學(xué):IE兼容性問題
發布日期:2018-09-26 閱讀次數:

我們大家會經常碰到這樣的(de)問題,有的(de)網站在IE6、IE8狀态下打開錯位,但是IE7打開就正常,這是什麽問題呢(ne) ?
 
關于CSS對IE的(de)兼容問題一(yī)直是DIV+CSS的(de)一(yī)個大問題,因為(wèi)不通浏覽器識别代碼産生的(de)效果是不同的(de),所以造成了很多浏覽器對相同的(de)CSS,産生不同的(de)效果,這樣就産生了網站的(de)錯位,個人理(lǐ)解是這樣的(de)。
 
關于浏覽器兼容性的(de)這種錯位,因為(wèi)浏覽器的(de)種類越來越多,從IE5,6,7,8,FF,這些都是比較常用的(de)浏覽器,但是正因為(wèi)各種浏覽器的(de)出現,為(wèi)了更好的(de)兼容各個版本的(de)浏覽器,我們就需要學(xué)習如(rú)何來處理(lǐ)IE的(de)兼容問題。從而網絡上出現了很多所謂的(de)HACK ,其實也就是針對各個浏覽器的(de)特點,來對各種浏覽器的(de)不同嗜好,産生的(de)不同效果,實現的(de)一(yī)種兼容各個版本浏覽器的(de)效果。
 
這個地(dì)方我們我們不是來講各種可(kě)見的(de)HACK效果,這些大家,可(kě)以在百度上來一(yī)下,就能找到我們所要的(de)結果。
 
因為(wèi)IE從6開始為(wèi)了适應各個版本,就自(zì)身有了一(yī)個兼容性,所以我們可(kě)以指定給網頁一(yī)個兼容特性;
比如(rú) 網頁在IE7下無錯位,但在IE6 和(hé) IE8下有錯位,那麽我們就可(kě)以指定當用戶使用IE6和(hé)IE8的(de)時候直接指定給IE6 和(hé) IE8采用IE7的(de)兼容模式來實現網頁的(de)不錯位。
 
但是這樣一(yī)來,網頁的(de)兼容特性隻是實現了,IE6,IE7,IE8的(de)一(yī)個兼容,為(wèi)了同時兼容FF,我們這個時候就需要使用HACK來達到兼容FF的(de)效果。
 
這樣我們使用IE自(zì)身的(de)特性和(hé)HACK之間的(de)特性就達到了網頁的(de)兼容效果,我認為(wèi)這樣實現兼容效果是最簡單最方便的(de)。這樣我們其實就是對一(yī)種IE和(hé)FF之間的(de)HACK在起作用,相對的(de)寫了很少的(de)代碼,也很實用和(hé)方便。
 
兼容性的(de)問題越來越重要了,特别是IE8的(de)出現讓當時大半的(de)網頁都出現錯位等現象,而解決的(de)辦法,我們來看一(yī)個網上的(de)例子(zǐ):
“css兼容IE8
 
微軟在IE8提供三種解析頁面的(de)模式:
IE8 Standard Modes :默認的(de)最标準的(de)模式,嚴格按照W3C相關規定  
IE7 Standards Modes :IE7現在用的(de)解析網頁的(de)模式,開起機關是在<head>中加入 <meta http-equiv="X-UA-Compatible" content="IE=7">  
Quirks Modes :IE5用的(de)解析網頁的(de)模式,開起機關是删除HTML頂部的(de)DOCTYPE聲明   
 
注意:不同模式間的(de)網頁在IE8中可(kě)以互相 frame ,因此因不會模式下的(de)DOM和(hé)CSS渲染不一(yī)樣,所以會引發很多問題,務必注意如(rú)果你的(de)頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的(de)網站上添加一(yī)行代碼即可(kě)解決問題,此代碼如(rú)下:  
<meta http-equiv="x-ua-compatible" content="ie=7" />”
這個例子(zǐ)也就是我上面說到的(de),從IE6到IE8浏覽器中自(zì)帶的(de)兼容特性。
這樣在加上一(yī)些HACK這樣就使網頁達到了一(yī)個完全的(de)兼容。