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