IE7 IE8 CSS兼容性終極解決方案
本文向大家簡單介紹一下如何解決IE7、 IE8、 CSS兼容性,這幾個瀏覽器都有自己專用的CSSHACK,讓我們很好的完成兼容工作,并且IE8已經(jīng)更新到beta2版本了,現(xiàn)在就和大家分享這個非CSS的IE8HACK吧!
IE7 IE8 CSS兼容性終極解決方案
所有的網(wǎng)頁制作者都希望自己做出了的網(wǎng)頁可以完美的兼容所有主流的瀏覽器,包括IE6,IE7,IE8,F(xiàn)irefox,Opera,Safari,Chrome等等!但我們做網(wǎng)頁制作的也要符合中國國情來做工作。所以我一般只會考慮IE6,IE7,Friefox這3個瀏覽器!這幾個瀏覽器都有自己專用的CSSHACK,讓我們很好的完成兼容工作。而IE8已經(jīng)更新到beta2版本了,但是有關(guān)IE8HACK的方法在網(wǎng)上還是搜索不到!現(xiàn)在就和大家分享這個非CSS的IE8HACK吧!
由于IE8默認(rèn)情況下使用它最新的“標(biāo)準(zhǔn)模式”來顯示網(wǎng)頁,所以當(dāng)使用IE8瀏覽網(wǎng)頁是,可能會遇到以下問題:
◆網(wǎng)頁布局不整齊
◆文本或圖像重疊
◆JavaScript功能有問題或錯誤
而微軟官方公布的IE8HACK就是在網(wǎng)頁head部分里面添加特定元標(biāo)記,強(qiáng)制IE8像IE7一樣呈現(xiàn)網(wǎng)頁。
- <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
以下示例顯示了以每個頁面為基礎(chǔ)的情況下此IE7兼容性模式標(biāo)記的用法:
以下是代碼片段:
- <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兼容性問題
- 網(wǎng)頁排版中IE6,IE7,F(xiàn)irefox瀏覽器兼容性寫法
- CSS屬性display:inline-block使用揭秘
- Firefox、IE7、IE6瀏覽器兼容問題概念解析