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