解決IE7和IE8兼容性問題
本文向大家簡單介紹一下如何解決IE7和IE8兼容的BUG問題,在以前的文章中51cto.com向大家說明,IE8會是福音還是又一個光環據稱全面兼容標準,今天向大家介紹如何解決IE7和IE8兼容性問題。
CSS兼容:如何解決IE7和IE8的BUG
CSS兼容問題已經是CSS網頁布局技術中的重要組成部分,也讓廣大的CSSer大為頭疼,雖然51cto.com介紹過不少相關的知識與技巧,但是隨著IE8的越來越廣泛的安裝應用,對IE7和IE8的兼容問題,也頗受關注。
在以前的文章中51cto.com向大家說明,IE8會是福音還是又一個光環據稱全面兼容標準,今天向大家介紹如何解決IE7和IE8兼容性問題。
微軟在IE8提供三種解析頁面的模式
◆IE8StandardModes:默認的最標準的模式,嚴格按照W3C相關規定
◆IE7StandardsModes:IE7現在用的解析網頁的模式,開起機關是在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
◆QuirksModes:IE5用的解析網頁的模式,開起機關是刪除HTML頂部的DOCTYPE聲明
注意:不同模式間的網頁在IE8中可以互相frame,因此因不會模式下的DOM和CSS渲染不一樣,所以會引發很多問題,務必注意如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,此代碼如下:
ExampleSourceCode
- <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=7"/>
◆IE8***csshack:
"\9" 例:"margin:0pxauto\9;".這里的"\9"可以區別所有IE和FireFox.
"*" IE6、IE7可以識別.IE8、FireFox不能.
"_" IE6可以識別"_",IE7、IE8、FireFox不能.
【編輯推薦】
- 兩種方案解決IE6、IE7、Firefox兼容問題
- JavaScript代碼輕松實現DIV圓角
- 網頁排版中IE6,IE7,Firefox瀏覽器兼容性寫法
- CSS屬性display:inline-block使用揭秘
- Firefox、IE7、IE6瀏覽器兼容問題概念解析