IE7 IE8 CSS兼容性終極解決方案
本文向大家簡單介紹一下如何解決IE7、 IE8、 CSS兼容性,這幾個瀏覽器都有自己專用的CSSHACK,讓我們很好的完成兼容工作,并且IE8已經更新到beta2版本了,現在就和大家分享這個非CSS的IE8HACK吧!
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識別
【編輯推薦】
- IE6、IE7、IE8三大瀏覽器兼容性對比
- 解決IE7和IE8兼容性問題
- 網頁排版中IE6,IE7,Firefox瀏覽器兼容性寫法
- CSS屬性display:inline-block使用揭秘
- Firefox、IE7、IE6瀏覽器兼容問題概念解析