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