CSS兼容:如何兼容IE7和IE8_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
CSS兼容問題已經(jīng)是CSS網(wǎng)頁布局技術(shù)中的重要組成部分,也讓廣大的CSSer大為頭疼,雖然Mb5u.com介紹過不少相關(guān)的知識與技巧,但是隨著IE8的越來越廣泛的安裝應(yīng)用,對IE7和IE8的兼容問題,也頗受關(guān)注。
在以前的文章中Mb5u.com向大家說明,IE8會(huì)是福音還是又一個(gè)光環(huán) 據(jù)稱全面兼容標(biāo)準(zhǔn)。
今天向大家介紹如何解決IE7和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 ,因此因不會(huì)模式下的DOM和CSS渲染不一樣,所以會(huì)引發(fā)很多問題,務(wù)必注意如果你的頁面對IE7兼容沒有問題,又不想大量修改現(xiàn)有代碼,同時(shí)又能在IE8中正常使用,微軟聲稱,開發(fā)商僅需要在目前兼容IE7的網(wǎng)站上添加一行代碼即可解決問題,此代碼如下:
IE8 最新css hack:
"\9" 例:"margin:0px auto\9;".這里的"\9"可以區(qū)別所有IE和FireFox.
"*" IE6、IE7可以識別.IE8、FireFox不能.
"_" IE6可以識別"_",IE7、IE8、FireFox不能.
在以前的文章中Mb5u.com向大家說明,IE8會(huì)是福音還是又一個(gè)光環(huán) 據(jù)稱全面兼容標(biāo)準(zhǔn)。
今天向大家介紹如何解決IE7和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 ,因此因不會(huì)模式下的DOM和CSS渲染不一樣,所以會(huì)引發(fā)很多問題,務(wù)必注意如果你的頁面對IE7兼容沒有問題,又不想大量修改現(xiàn)有代碼,同時(shí)又能在IE8中正常使用,微軟聲稱,開發(fā)商僅需要在目前兼容IE7的網(wǎng)站上添加一行代碼即可解決問題,此代碼如下:
示例代碼 [m.hl5o.cn]
<meta http-equiv="x-ua-compatible" content="ie=7" />
IE8 最新css hack:
"\9" 例:"margin:0px auto\9;".這里的"\9"可以區(qū)別所有IE和FireFox.
"*" IE6、IE7可以識別.IE8、FireFox不能.
"_" IE6可以識別"_",IE7、IE8、FireFox不能.
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- CSS實(shí)例:用fieldset、legend實(shí)現(xiàn)文字寫在邊線上的效果
- 用CSS打造評分星級效果的一個(gè)實(shí)例
- CSS菜單:一個(gè)圖片構(gòu)建菜單的三種狀態(tài)一例!
- DIVCSS布局實(shí)例:DIV CSS新聞列表制作
- DIVCSS菜單:黑白灰?guī)в嘘幱靶Ч腃SS橫向菜單
- Web標(biāo)準(zhǔn)實(shí)戰(zhàn)CSS網(wǎng)頁布局Google首頁
- 利用CSS同比例縮小圖片并且符合Web標(biāo)準(zhǔn)
- Div CSS實(shí)例:如何用CSS實(shí)現(xiàn)背景半透明效果
- jquery模擬瀏覽器滾動(dòng)條效果
- DIVCSS菜單:縱向CSS菜單實(shí)例之橙色記憶
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-CSS兼容:如何兼容IE7和IE8
。