你知道如何解決IE6 IE7 IE8 CSS兼容性嗎,這裡和大家分享一下微軟官方推薦的方案,相信本文介紹一定會讓你有所收獲。
IE7 IE8 CSS兼容性終極解決方案--微軟官方推薦的方案
所有的網頁制作者都希望自己做出了的網頁可以完美的兼容所有主流的浏覽器,包括IE6,IE7,IE8,Firefox,Opera,Safari,Chrome等等!但我們做網頁制作的也要符合中國國情來做工作。所以我一般只會考慮IE6,IE7,FrIEfox這3個浏覽器!這幾個浏覽器都有自己專用的CSSHACK,讓我們很好的完成兼容工作。而IE8已經更新到beta2版本了,但是有關IE8HACK的方法在網上還是搜索不到!現在就和大家分享這個非CSS的IE8HACK吧!
由於IE8默認情況下使用它最新的“標准模式”來顯示網頁,所以當使用IE8浏覽網頁是,可能會遇到以下問題:
◆網頁布局不整齊
◆文本或圖像重疊
◆JavaScript功能有問題或錯誤
而微軟官方公布的IE8HACK就是在網頁head部分裡面添加特定元標記,強制IE8像IE7一樣呈現網頁。
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
以下示例顯示了以每個頁面為基礎的情況下此IE7兼容性模式標記的用法:
以下是代碼片段:
- <Html>
- <head>
- <!--UseIE7mode-->
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
- <title>MyWebPage</title>
- </head>
- <body>
- <p>Contentgoeshere.</p>
- </body>
- </Html>
- /*/*CSSstyle*/只被IE8識別
【編輯推薦】