DIV CSS 佈局教程網

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

你對微軟官方推薦的IE7 IE8 CSS兼容性終極解決方案是否了解,這裡和大家分享一下,所有的網頁制作者都希望自己做出了的網頁可以完美的兼容所有主流的浏覽器,包括IE6,IE7,IE8,Firefox,Opera,Safari,Chrome等等!

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識別

 

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