2009年9月3日更新
本文是較老的文章,最新的共存方法,建議使用IETester最新版。最近版IETester的下載下傳和介紹,請閱讀文章《IETester更新至v0.3.5版已經相容Windows7(附下載下傳位址及Debugbar插件)》。
老文章正文開始

IE6、IE7、IE8共存
亂世,絕對的亂世!痛苦,無限的痛苦!無奈,絕望的無奈!現在的網頁設計者無疑是web标準大時代到來之前的犧牲者。面對着衆多浏覽器,為了小小的頁面能在各個浏覽器上面展現正常,我們痛苦的忍耐和掙紮着。
當我們還在IE6和IE7相容性,焦頭爛額的時候,IE8又來插了一腳。這一腳,是真正的踹到了網頁設計者的心窩子裡,痛并快樂着……快樂,是讓現在處于水深火熱的網頁設計者們看到了“web标準大時代”到來的可能性,但是,更多是一種痛——為了混口飯吃,我容易嗎?我?
牢騷發完了,進入正題——
IE6和IE7共存
我在《IE6和IE7共存方法(别人是别人的,我是我的)》一文中,有非常詳細的說明,這裡就不再贅言了。
IE6、IE7、IE8大團圓
第一招:以桃代李
當已經有了IE6以及IE7綠色版以後,然後下載下傳一個IE8安裝程式(《IE8搶先嘗試——色眼窺觀版(多圖) 》一文中有最新下載下傳位址)。安裝以後,現在系統預設的浏覽器變成了IE8,IE6貌似不能使用了。這時候,如果想用IE6的話,其實很簡單的。隻要找個用IE核心的第三方浏覽器就可以了。傲遊或者世界之窗都可以。可能是因為微軟剛出IE8的beta1版,心裡有點虛,是以,并沒有強制那些使用IE核心的第三方浏覽器使用IE8的核心。是以,用IE核心的第三方浏覽器使用的依然還是IE6核心(前提是你安裝IE8之前的時候,IE6是系統預設浏覽器,而IE7是綠色版)。
第二招:木牛流馬
第一招雖然簡單,但是弊端較多。例如:如果,我已經安裝了IE7浏覽器(或者直接是vista作業系統),那麼那些使用IE核心的第三方浏覽器也已經是在使用IE7核心了,而不是IE6的核心。是以,最好的方法就是,能再來個IE6的綠色版就好了。這樣,系統預設用IE8的,然後IE6和IE7用綠色的。綠色版的IE7已經有了,下載下傳和使用方法可以從《IE6和IE7共存方法(别人是别人的,我是我的)》一文中得到。而IE6的綠色版其實也是有的,當然,這裡也會提供下載下傳——
點選此處下載下傳IE6綠色版
這樣利用IE6綠色版、IE7綠色版以及IE8安裝版。我們就可以讓IE6、IE7和IE8共存在一個系統裡面了。下面是一個示例頁面,能夠測試出你IE浏覽器的版本哦(其實隻是證明各個浏覽器對CSS的支援程度)——
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="YES!B/S!,web标準,楊正祎,部落格園,執行個體代碼" /> <meta name="Description" content="這是一個簡單YES!B/S!文章示例頁面,來自楊正祎的部落格,http://justinyoung.cnblogs.com/" /> <title>YES!B/S!文章示例頁面</title> <style type="text/css"> .testIE6,.testIE7{ display:none; } .testIE6{ _display:block; } #testArea > .testIE7{ *display:block; } a.testIE8:before{ content:"(如果你用IE浏覽器看到這個超連結,說明你的浏覽器是IE8.或其他)"; } </style> </head> <body> <div id="testArea"> <a class="testIE6" href="http://www.cnblogs.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" title="IE6、IE7、IE8共存"> 如果你用IE浏覽器看到這個超連結,說明你的浏覽器是IE6.或更低版本 </a> <a class="testIE7" href="http://www.cnblogs.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" title="IE6、IE7、IE8共存"> 如果你用IE浏覽器看到這個超連結,說明你的浏覽器是IE7. </a> <a class="testIE8" href="http://www.cnblogs.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" title="IE6、IE7、IE8共存"> </a> </div> </body> </html> 提示:可以先在文本框内,根據需要修改代碼後再運作
讓我們來看看最終的效果圖吧——
IE6、IE7、IE8共存效果圖
想看看這個測試頁面,在FireFox、Opera和Safari下的顯示效果嗎?展開下面的區域看看吧。FireFox、Opera和Safari果然對CSS2支援的比較好。
FireFox、Opera和Safari下的顯示效果圖
FireFox、Opera和Safari下的顯示效果圖
相關文章清單
- 《IE6和IE7共存方法(别人是别人的,我是我的)》
- 《IE8搶先嘗試——色眼窺觀版(多圖) 》