CSS兼容:如何解決IE7和IE8兼容性問題
你對(duì)如何解決IE7和IE8兼容性問題是否了解,這里和大家簡(jiǎn)單分享一下解決方法,隨著CSS的普及,越來越多的開發(fā)商開始使用CSS對(duì)網(wǎng)站進(jìn)行布局,然而IE8的出現(xiàn),使得許多CSS在IE7下正常的布局,在IE8中變的雜亂不堪。
CSS兼容:如何解決IE7和IE8兼容性問題
隨著CSS的普及,越來越多的開發(fā)商開始使用CSS對(duì)網(wǎng)站進(jìn)行布局,然而IE8的出現(xiàn),使得許多CSS在IE7下正常的布局,在IE8中變的雜亂不堪,本文主要講解CSS在IE7和IE8中的兼容問題。
微軟在IE8提供三種解析頁面的模式
◆IE8StandardModes:默認(rèn)的最標(biāo)準(zhǔn)的模式,嚴(yán)格按照W3C相關(guān)規(guī)定
◆IE7StandardsModes:IE7StandardsModes:IE7現(xiàn)在用的解析網(wǎng)頁的模式,開起機(jī)關(guān)是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
◆QuirksModes:IE5用的解析網(wǎng)頁的模式,開起機(jī)關(guān)是刪除HTML頂部的DOCTYPE聲明
注意:不同模式間的網(wǎng)頁在IE8中可以互相frame,因此因不會(huì)模式下的DOM和CSS渲染不一樣,所以會(huì)引發(fā)很多問題,務(wù)必注意如果你的頁面對(duì)IE7兼容沒有問題,又不想大量修改現(xiàn)有代碼,同時(shí)又能在IE8中正常使用,微軟聲稱,開發(fā)商僅需要在目前兼容IE7的網(wǎng)站上添加一行代碼即可解決問題,此代碼如下:
- <metahttp-equivmetahttp-equiv=""x-ua-compatible"content="ie=7"/>
也就是說在標(biāo)簽中加入以上代碼后,在IE8中預(yù)覽網(wǎng)頁時(shí),遇到CSS不兼容的現(xiàn)象時(shí),IE8會(huì)自動(dòng)切換到IE7兼容模式。
【編輯推薦】
- IE6 IE7 IE8瀏覽器的兼容性PK
- 微軟官方推薦IE7 IE8 CSS兼容性***解決方案
- IE8兼容性問題的兩大快速解決辦法
- 微軟發(fā)布升級(jí)版IE8Beta2瀏覽器 新特性敬請(qǐng)關(guān)注
- 技術(shù)前沿 DIV+CSS布局網(wǎng)頁對(duì)網(wǎng)站SEO的影響