微軟推薦IE6 IE7 IE8 CSS兼容性終極解決方案
你知道如何解決IE6 IE7 IE8 CSS兼容性嗎,這里和大家分享一下微軟官方推薦的方案,相信本文介紹一定會(huì)讓你有所收獲。
IE7 IE8 CSS兼容性***解決方案--微軟官方推薦的方案
所有的網(wǎng)頁(yè)制作者都希望自己做出了的網(wǎng)頁(yè)可以***的兼容所有主流的瀏覽器,包括IE6,IE7,IE8,F(xiàn)irefox,Opera,Safari,Chrome等等!但我們做網(wǎng)頁(yè)制作的也要符合中國(guó)國(guó)情來做工作。所以我一般只會(huì)考慮IE6,IE7,Friefox這3個(gè)瀏覽器!這幾個(gè)瀏覽器都有自己專用的CSSHACK,讓我們很好的完成兼容工作。而IE8已經(jīng)更新到beta2版本了,但是有關(guān)IE8HACK的方法在網(wǎng)上還是搜索不到!現(xiàn)在就和大家分享這個(gè)非CSS的IE8HACK吧!
由于IE8默認(rèn)情況下使用它***的“標(biāo)準(zhǔn)模式”來顯示網(wǎng)頁(yè),所以當(dāng)使用IE8瀏覽網(wǎng)頁(yè)是,可能會(huì)遇到以下問題:
◆網(wǎng)頁(yè)布局不整齊
◆文本或圖像重疊
◆JavaScript功能有問題或錯(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í)別
【編輯推薦】
- 十個(gè)不被IE6支持的實(shí)用CSS屬性
- 微軟展示IE9瀏覽器 力推IE8將取代IE6市場(chǎng)
- 探究IE和Firefox下的2款HTTP調(diào)試工具用法
- Firefox和IE瀏覽器清除緩存方法揭秘
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法