DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 微軟推薦IE6 IE7 IE8 CSS兼容性終極解決方案
微軟推薦IE6 IE7 IE8 CSS兼容性終極解決方案
編輯:CSS詳解     

你知道如何解決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一樣呈現網頁。

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>

以下示例顯示了以每個頁面為基礎的情況下此IE7兼容性模式標記的用法:

以下是代碼片段:

  1. <Html>
  2. <head>
  3. <!--UseIE7mode-->
  4. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
  5. <title>MyWebPage</title>
  6. </head>
  7. <body>
  8. <p>Contentgoeshere.</p>
  9. </body>
  10. </Html>
  11. /*/*CSSstyle*/只被IE8識別

【編輯推薦】

  1. 十個不被IE6支持的實用CSS屬性
  2. 微軟展示IE9浏覽器 力推IE8將取代IE6市場
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. Firefox和IE浏覽器清除緩存方法揭秘
  5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved